tRPC•4y ago

SSR and loading indicators - I don't get it

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

utils/trcp.ts

sets

ssr: true

ssr: true

, but the

pages/index.tsx

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?