has anyone succesfully integrated TRPC with tanstack start WITH SSR?

[ebon nacelle]

looking for some guidance on this.

how does trpc fit in with tanstack router? of course we store it in the router context...
but how do we handle creating a new query client for each request AND where does useTRPC fit in there?

[still anchor]

This might help https://youtu.be/dLUyPLbvdY0?si=9_Iz17ZNx-Pwu3w5

[stone canopy]

but this does not have auth part with ssr?

export const trpc = createTRPCOptionsProxy<AppRouter>({
    client: createTRPCClient({
        links: [
            httpBatchStreamLink({
                url: `${import.meta.env.VITE_BETTER_AUTH_URL}/api/trpc`,
                fetch: (url, options) => {
                    if (typeof window === "undefined") {
                        const headers = getHeaders();
                        return fetch(url, {
                            ...options,
                            headers: {
                                ...options?.headers,
                                ...headers,
                            },
                        });
                    }
                    return fetch(url, options);
                },
            }),
        ],
    }),
    queryClient: TanstackQuery.getContext().queryClient,
});