SolidJS•9mo ago

Async TRPC query with ssr

hi; I've got 2 trpc queries on a solid page This is actually the first time for me working with the ssr of solid, so I'm not too sure when it's server rendering and when it isnt - but the same queries work when I disable ssr globally. One query is async, that one doesnt render, one isn't async, that one renders.

const customers = trpc.craftboxx.allCustomers.useQuery()
const hello = trpc.example.hello.useQuery(() => ({ name: "from tRPC" }))

const customers = trpc.craftboxx.allCustomers.useQuery()
const hello = trpc.example.hello.useQuery(() => ({ name: "from tRPC" }))

<p>Query 1: Not Async</p>
{hello.data ?? "Loading tRPC query"} 
                    
<p>Query 2: Async</p>
{customers.data?.[0]?.name ?? "Loading tRPC query"}

<p>Query 1: Not Async</p>
{hello.data ?? "Loading tRPC query"} 
                    
<p>Query 2: Async</p>
{customers.data?.[0]?.name ?? "Loading tRPC query"}

As soon as the page reloads due to me saving the file, the query loads fine. Not sure how to fix/debug this or even learn more about all of this, so I'd be super grateful if you have some pointers for me! ❤️

1 Reply

ericwaetke•9mo ago

Okay figured it out… This is probably never going to happen, but if someone else ever has this issue: I had some diy checks if the user is signed in, as protectedProcedures somehow didnt work

if (!ctx.session || !ctx.session.user) {
    console.log("No session found")
    return null
}

if (!ctx.session || !ctx.session.user) {
    console.log("No session found")
    return null
}

Because of this, the route returned null at first and didnt refetch, as there was a "successful" return already

Gaming

Programming

Async TRPC query with ssr