GPT

CORRECT PROTECTED ROUTES

// src/routes/protected.jsx import { createFileRoute, redirect } from '@tanstack/react-router'; export const Route = createFileRoute('/protected')({ beforeLoad: ({ context }) = { if (!context.auth.isAuthenticated) {

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: ({ context }) => {
 if (!context.auth.isAuthenticated) {
 throw redirect({
 to: '/login',
 search: {
 redirect: '/protected'
 }
 });
 }
 },
 component: ProtectedComponent
});

function ProtectedComponent() {
 const { user } = useAuth();
 
 return (
 <div>
 <h1>Protected Route</h1>
 <p>Welcome {user.name}!</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 →