GPT

CORRECT PROVIDER SETUP

// src/App.jsx import { createAuthClient, AuthProvider } from 'better-auth'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools';

Prompt text

Original English text. Replace placeholders with your own details.

// src/App.jsx
import { createAuthClient, AuthProvider } from 'better-auth';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
import { RouterProvider, createRouter } from '@tanstack/react-router';
import { routeTree } from './routeTree.gen';

const queryClient = new QueryClient({
 defaultOptions: {
 queries: {
 staleTime: 60 * 1000, // 1 minute
 retry: 1
 }
 }
});

const auth = createAuthClient({
 baseUrl: process.env.AUTH_API_URL,
 publicKey: process.env.AUTH_PUBLIC_KEY
});

const router = createRouter({
 routeTree,
 context: {
 auth: undefined!,
 }
});

function InnerApp() {
 const auth = useAuth();
 return <RouterProvider router={router} context={{ auth }} />;
}

function App() {
 return (
 <AuthProvider client={auth}>
 <QueryClientProvider client={queryClient}>
 <InnerApp />
 <ReactQueryDevtools initialIsOpen={false} />
 </QueryClientProvider>
 </AuthProvider>
 );
}

export default App;

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →