Router === null on SSR

Just when I activate the module federation on the webpack config.

The value router from const router = useRouter(); in my _app.tsx comes up as null

Any idea what could be happening?

Thanks in advance!

[noreiller]

Your example doc is for a page. Here, you try to get the router from _app. It’s in the _app render props, so I would use it. This way, you don’t have to use the hoc.

import { Component } from 'react';
import { AppProps } from 'next/app';

class MyApp extends Component<AppProps> {
  render() {
    const { Component, pageProps, router } = this.props;

    return (...);
  }
}

[csi-lk]

I’m also getting this issue wether using withRouter or useRouter inside sub components, I can get the props at App level as described above but would rather not have to prop drill to every component that needs them

Running next 1.0.4, 10.0.5 or 10.0.6

I’ll update as I investigate further