GPT

CORRECT PROVIDER SETUP

// src/App.jsx import { Auth0Provider } from '@auth0/auth0-react'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; import { R

Prompt text

Original English text. Replace placeholders with your own details.

// src/App.jsx
import { Auth0Provider } from '@auth0/auth0-react';
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 router = createRouter({
 routeTree,
 context: {
 auth: undefined!,
 }
});

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

function App() {
 return (
 <Auth0Provider
 domain={process.env.REACT_APP_AUTH0_DOMAIN}
 clientId={process.env.REACT_APP_AUTH0_CLIENT_ID}
 redirectUri={window.location.origin}
 >
 <QueryClientProvider client={queryClient}>
 <InnerApp />
 <ReactQueryDevtools initialIsOpen={false} />
 </QueryClientProvider>
 </Auth0Provider>
 );
}

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 →