GPT

CORRECT PROTECTED ROUTES

// src/routes/protected.jsx import { createFileRoute, redirect } from '@tanstack/react-router'; export const Route = createFileRoute('/protected')({ beforeLoad: async ({ context }) = { const { data: { session }, error

Prompt text

Original English text. Replace placeholders with your own details.

// src/routes/protected.jsx
import { createFileRoute, redirect } from '@tanstack/react-router';

export const Route = createFileRoute('/protected')({
 beforeLoad: async ({ context }) => {
 const { data: { session }, error } = await context.supabase.auth.getSession();
 if (!session || error) {
 throw redirect({
 to: '/login',
 search: {
 redirect: '/protected'
 }
 });
 }
 return { session };
 },
 component: ProtectedComponent
});

function ProtectedComponent() {
 const { session } = Route.useLoaderData();
 
 return (
 <div>
 <h1>Protected Route</h1>
 <p>Welcome {session.user.email}!</p>
 </div>
 );
}

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 →