GPT

CORRECT AUTH PROVIDER

// components/Providers.tsx 'use client'; import { createClientComponentClient } from '@supabase/auth-helpers-nextjs'; import { useRouter } from 'next/navigation'; import { useEffect } from 'react'; export default func

Prompt text

Original English text. Replace placeholders with your own details.

// components/Providers.tsx
'use client';

import { createClientComponentClient } from '@supabase/auth-helpers-nextjs';
import { useRouter } from 'next/navigation';
import { useEffect } from 'react';

export default function AuthProvider({
 children,
}: {
 children: React.ReactNode;
}) {
 const router = useRouter();
 const supabase = createClientComponentClient();

 useEffect(() => {
 const {
 data: { subscription },
 } = supabase.auth.onAuthStateChange((event, session) => {
 if (event === 'SIGNED_IN') {
 router.refresh();
 }
 if (event === 'SIGNED_OUT') {
 router.refresh();
 router.push('/auth/login');
 }
 });

 return () => {
 subscription.unsubscribe();
 };
 }, [router, supabase]);

 return children;
}

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 →