GPT

CORRECT PROTECTED ROUTE IMPLEMENTATION

import { Navigate } from 'react-router-dom' import { useAuth } from './AuthProvider' export function ProtectedRoute({ children }: { children: React.ReactNode }) { const { user, loading } = useAuth() if (loading) { r

Prompt text

Original English text. Replace placeholders with your own details.

import { Navigate } from 'react-router-dom'
import { useAuth } from './AuthProvider'

export function ProtectedRoute({ children }: { children: React.ReactNode }) {
 const { user, loading } = useAuth()

 if (loading) {
 return <div>Loading...</div>
 }

 if (!user) {
 return <Navigate to="/login" />
 }

 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 →