47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import { createTRPCReact } from '@trpc/react-query'
|
|
import { httpBatchLink } from '@trpc/client'
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import superjson from 'superjson'
|
|
import { createElement, type ReactNode } from 'react'
|
|
import AsyncStorage from '@react-native-async-storage/async-storage'
|
|
import type { AppRouter } from '@innungsapp/admin'
|
|
|
|
export const trpc = createTRPCReact<AppRouter>()
|
|
|
|
export const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 30 * 1000,
|
|
retry: 1,
|
|
},
|
|
},
|
|
})
|
|
|
|
function getApiUrl() {
|
|
return process.env.EXPO_PUBLIC_API_URL ?? 'http://localhost:3000'
|
|
}
|
|
|
|
const trpcClient = trpc.createClient({
|
|
links: [
|
|
httpBatchLink({
|
|
url: `${getApiUrl()}/api/trpc`,
|
|
transformer: superjson,
|
|
async headers() {
|
|
// Include session cookie for auth
|
|
const token = await AsyncStorage.getItem('better-auth-session')
|
|
return token ? { cookie: `better-auth.session_token=${token}` } : {}
|
|
},
|
|
}),
|
|
],
|
|
})
|
|
|
|
export function TRPCProvider({ children }: { children: ReactNode }) {
|
|
return (
|
|
<trpc.Provider client={trpcClient} queryClient={queryClient}>
|
|
<QueryClientProvider client={queryClient}>
|
|
{children}
|
|
</QueryClientProvider>
|
|
</trpc.Provider>
|
|
)
|
|
}
|