Router with TRPC | TanStack | Page 1

trail wave Feb 6, 2024, 5:43 PM

#

Can someone provide an example of how I might integrate TanStack router with TRPC? I'm looking at the Kitchen Sink React Query File Based https://tanstack.com/router/v1/docs/framework/react/examples/kitchen-sink-react-query-file-based, but its not clear how I could use trpc. I think it would be really nice if I could make use of all the TRPC niceties.

An example showing how to implement Kitchen Sink React Query File Based, in React Router

visual sage Feb 6, 2024, 5:44 PM

#

Any specific questions or?

trail wave Feb 6, 2024, 5:48 PM

#

This is some sudo-code: How can I connect trpc to the Router paradigms

export const Route = createFileRoute("/_authenticated/incidents")({
  component: Incidents,
  loader: trpc.dummy.dum.useQuery()
});

#

visual sage Feb 6, 2024, 6:04 PM

#

You can create query utils, pass it your route context and use that to ensure query data

#

Are you ssring?

fleet badge Feb 6, 2024, 6:30 PM

#

Check the pull requests for the router

#

There's an example there I'm waiting to be merged

#Router with TRPC