GPT

Client Initialization

// src/auth/client.ts import { ClerkProvider } from '@clerk/clerk-react'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; co

Prompt text

Original English text. Replace placeholders with your own details.

// src/auth/client.ts
import { ClerkProvider } from '@clerk/clerk-react';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';

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

export function Providers({ children }: { children: React.ReactNode }) {
 return (
 <ClerkProvider publishableKey={process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}>
 <QueryClientProvider client={queryClient}>
 {children}
 <ReactQueryDevtools />
 </QueryClientProvider>
 </ClerkProvider>
 );
}

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 →