RichText component throws NextRouter was not mounted

[ahiyalala]

Describe the Bug

After performing the JSS 21.x to 22.1 upgrade, we encountered an error that reads "NextRouter was not mounted" and after reading the logs it is coming from the RichText component in sitecore-jss-nextjs. I've read in the Next.JS documentation that this is happening only if we are using next/router on an app application; we are using pages.

However if this would help, we are also using turborepo for our jss solution.

To Reproduce

Perform JSS upgrade from 21.1.6 to 22.1.0 in succession as described in the documentation

Expected Behavior

useRouter from next/router should not have been an issue because the Next.js application is not running on app version of Next.js

Possible Fix

No response

Provide environment information

• Sitecore Version: XM Cloud
• JSS Version: 22.1.0
• Browser Name and version: Edge
• Operating System and version (desktop or mobile): Windows 11

[ahiyalala]

For added information, we used it in this manner on our components:

import { RichText as JssRichText } from '@sitecore-jss/sitecore-jss-nextjs';
import { RichTextProps } from '../RichText.types';

export const Default = (props: RichTextProps): JSX.Element => {
  const id = props.params.RenderingIdentifier;

  return (
    <div
      className={`component rich-text py-mobile md:py-desktop ${props.params.styles.trimEnd()}`}
      id={id ? id : undefined}
    >
      <div className="component-content">
           <JssRichText field={props.fields.Text} />
      </div>
    </div>
  );
};

[pzi]

We encountered the same error during our upgrade and found the same thing in our SSG/ISR application using page router. We initially wrapped our use of the RichText component in a NoSsr component to make it only render on the client, not the server. However, as we updated next and jss further, to later versions, we found we didn't need that any more and it was just working as expected.

What version of next are you using? We're on latest next v14 and latest jss v22.