Tanstack and app routing
I seem to get quite a bit of issues when using the t3 - app router.
Import trace for requested module:
./src/trpc/react.tsx
○ Compiling /not-found ... <-- Supposed to be /dashboard
⨯ ./node_modules/@trpc/react-query/dist/createHooksInternal-bdff7171.mjs
Attempted import error: 'useQuery' is not exported from '@tanstack/react-query' (imported as 'useQuery').Import trace for requested module:
./src/trpc/react.tsx
○ Compiling /not-found ... <-- Supposed to be /dashboard
⨯ ./node_modules/@trpc/react-query/dist/createHooksInternal-bdff7171.mjs
Attempted import error: 'useQuery' is not exported from '@tanstack/react-query' (imported as 'useQuery'). const { data: organisation } = api.organisation.getorganisation.useQuery();
<QueryClientProvider client={queryClient}>
<api.Provider client={trpcClient} queryClient={queryClient}>
{props.children}
</api.Provider>
</QueryClientProvider> const { data: organisation } = api.organisation.getorganisation.useQuery();
<QueryClientProvider client={queryClient}>
<api.Provider client={trpcClient} queryClient={queryClient}>
{props.children}
</api.Provider>
</QueryClientProvider>