GPT

CORRECT PROVIDER SETUP

// src/App.jsx import { createBrowserClient } from '@supabase/ssr'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; import {

Prompt text

Original English text. Replace placeholders with your own details.

// src/App.jsx
import { createBrowserClient } from '@supabase/ssr';
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 supabase = createBrowserClient(
 process.env.NEXT_PUBLIC_SUPABASE_URL!,
 process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
);

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

function InnerApp() {
 return <RouterProvider router={router} context={{ supabase }} />;
}

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

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 →