bug: SSR mode has stopped working in built Next.js app

Provide environment information

  System:
    OS: Windows 10 10.0.22000
    CPU: (24) x64 AMD Ryzen 9 3900X 12-Core Processor
    Memory: 4.89 GB / 15.93 GB
  Binaries:
    Node: 19.2.0 - ~\scoop\apps\nodejs\current\node.EXE
    npm: 8.19.3 - ~\scoop\apps\nodejs\current\npm.CMD
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (107.0.1418.62)
    Internet Explorer: 11.0.22000.120
  npmPackages:
    @tanstack/react-query: ^4.19.0 => 4.19.0
    @trpc/client: ^10.4.3 => 10.4.3
    @trpc/next: ^10.4.3 => 10.4.3
    @trpc/react-query: ^10.4.3 => 10.4.3
    @trpc/server: ^10.4.3 => 10.4.3
    next: 13.0.6 => 13.0.6
    react: 18.2.0 => 18.2.0
    typescript: ^4.9.3 => 4.9.3

Describe the bug

With ssr: true, Next.js and React Query renders the tRPC query with SSR prepass as expected in dev mode.

However, after building the app using npm run build and then npm run start, it doesn’t render the page with an SSR prepass. The initial load still shows the “Loading…” message / has no data.

refetchOnWindowFocus works still, so the issue is with the initial SSR prepass on a built Next.js app.

Link to reproduction

https://github.com/austins/trpc-nextjs-ssr_not_working_in_build-repro

To reproduce

1. Have ssr: true
2. Build Next.js app
3. Run built Next.js app
4. See that it doesn’t load the initial data via SSR prepass

Additional information

No response

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I’d be down to file a PR fixing this bug!

[KATT]

My guess would be something changed within Next

[austins]

Closing as this isn’t a tRPC issue, but an issue with Node.