next-i18next not working correctly with wrapped tRPC when SSR is enabled

Describe the bug

When wrapping an app with withTRPC that is already wrapped with appWithTranslation leads to the error react-i18next:: You will need pass in an i18next instance by using initReactI18next on the server console when SSR is enabled for tRPC (otherwise everything works fine). I also opened an issue at next-i18next (https://github.com/isaachinman/next-i18next/issues/1682) as I am not sure which “fault” it is. Just stumbled upon it.

Occurs in next-i18next version

“next-i18next”: “^10.2.0” “@trpc/next”: “^9.18.0”

Steps to reproduce

export default withTRPC<AppRouter>({
  config({ ctx }) {
    let url = process.env.TRPC_URL!
    return { url }
  },
  ssr: true, // // no error when set to false
})(appWithTranslation(MyApp))

Expected behaviour

It should also work with tRPC.

OS (please complete the following information)

• Device: Gitpod Cloud (but also tested locally)
• Browser: Chrome

[medihack]

@KATT You are absolutely right. That is the same problem. I will disable the tRPC SSR feature for now, too. I also voted the Next.js issue up. A little hint in the docs would be cool. Otherwise a superb library!!!

[github-actions[bot]]

This issue has been locked because it had no new activity for 14 days. If you are running into a similar issue, please create a new issue. Thank you.