T
tRPC

❓-help

Adding clerk auth object to createServerSideHelpers

Xxdxd4/19/2023
So I followed clerk's docs for TRPC (https://clerk.com/docs/nextjs/trpc) and I added auth to the context object. This works great for most requests I've made, but I'm having trouble now that I'm trying to use getStaticProps and createServerSideHelpers.

I slightly changed the AuthContext type so that auth can be undefined, which would make sense when the page is generated at build. But is there a way to get auth info in there, when the page gets regenerated later as a user visits? Or would I need to make any auth-related stuff part of the client code?

Snippet:
export const getStaticProps: GetStaticProps = async (context) => {
  const helpers = createServerSideHelpers({
    router: appRouter,
    ctx: { prisma, auth: undefined }, // would like to define auth if possible!
    transformer: superjson,
  });
...
NNorwegianC0d3r4/21/2023
You need to use getServerSideProps if you need to access authentication info, it's because of how Next.js works and not a trpc limitation

Looking for more? Join the community!