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.tsutils/trcp.ts sets ssr: truessr: true, but the pages/index.tsxpages/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?

tRPC•4y ago

nehalist

SSR and loading indicators - I don't get it

  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?

No replies yet

Join the Discord to continue the conversation

tRPC

Move Fast & Break Nothing. End-to-end typesafe APIs made easy.

4,724 Members

Join

SSR and loading indicators - I don't get it

SSR and loading indicators - I don't get it

No replies yet

tRPC

No replies yet

tRPC

Similar Threads