Hola tengo una consulta/problema, quiero proteger el acceso a través del navegador a una ruta en un proyecto react que contiene algo externo al proyecto pero que comparte la misma raiz de rutas, por ejemplo https://raiz/externo y https://raiz/react-app, lo que quiero es proteger desde react-app el acceso a externo si se llegase a escribir la ruta de externo y al ver que no esta autenticado redirija al login que esta en react-app, estoy usando react router v6 para las rutas, alguien sabe ¿como hacer esto? o ¿es posible hacer esto?
App.js
function App() {
return (
<div className="App">
<AuthProvider>
<Routes>
<Route exact path="/" element={<Login />} />
<Route path="/signUp" element={<Signup />} />
<Route path="/recoverPassword" element={<PasswordRecovery />} />
<Route path="/newPassword/:token" element={<PasswordChange />} />
<Route
path="/leaderboard"
element={
<PrivateRoute>
<Dashboard />
</PrivateRoute>
}
/>
</Routes>
</AuthProvider>
</div>
);
}