T
tRPC

SSR and loading indicators - I don't get it

SSR and loading indicators - I don't get it

Nnehalist
View on Discord
10/26/2022
Guess I'm missing something here, but unfortunately I'm having a hard time with the docs: in https://trpc.io/docs/v10/nextjs the example utils/trcp.ts sets ssr: true, but the pages/index.tsx example uses 
  const hello = trpc.hello.useQuery({ text: 'client' });
  if (!hello.data) {
    return <div>Loading...</div>;
  }
  const hello = trpc.hello.useQuery({ text: 'client' });
  if (!hello.data) {
    return <div>Loading...</div>;
  }
Since SSR would prevent the page from being rendered until the queries are done, how would this loading indicator ever been shown?
PPatrickJ
View on Discord
10/27/2022
Only first page load in next js is ssr. If you navigate to page that has this component it will show loading

Looking for more? Join the community!

T
tRPC

SSR and loading indicators - I don't get it

Join Server
Recommended Posts
Prefetch forEachHello, I'm trying to prefetch a list of procedures like this ```ts type QueryKeys = { // how to tNextJs middleware broken by tRPCHi, I have a NextJs middleware that is redirecting to the login page. Basically an Auth guard over mCannot read properties of undefined (reading 'query')Hey folks, Updating from v9 to v10. I thought I'm done, no type errors. Launching the app in dev modUpdating from v9 to v10 - how to access react hooks?Hey folks, I'm updating to v10. I replaced @trpc/react@9.27.4 with @trpc/react-query@10.0.0-proxy-be