При попытке авторизованного пользователя войти на любую страницу по её URL-адресу в адресной строке

Привет уважаемые друзья помогите пожалуйста разобраться в следующем вопросе: При попытке авторизованного пользователя войти на любую страницу по её URL-адресу в адресной строке, происходит вход пользователя на главную страницу, а не на эти страницы которые защищены роутом

return (
    <CurrentUserContext.Provider value={currentUser}>
      <div className="App">
        <div className="App__content">
          <Routes>
            <Route path="/" element={
              <>
                <Header />
                <Main/>
                <Footer/>
              </>
            }/>
            <Route path="/signin" element={
              <Login 
              />
            }/>
            <Route path="/signup" element={
              <Register
            }/>

            <Route path="/films" element={
              <ProtectedRoute>
                <Navigation/>
                <Movies movies={movies}
                        ....
                        isLoading={isLoading}
                />
                <Footer/>
              </ProtectedRoute>
            }/>
            <Route path="/saved-films" element={
              <ProtectedRoute>
                <Navigation/>
                <SavedMovies onDelete={handleDeleteMovie}
                             .....
                />
                <Footer/>
              </ProtectedRoute>
            }/>
            <Route path="*" element={
              <NotFoundPage/>
            }/>
          </Routes>
        </div>
      </div>
    </CurrentUserContext.Provider>
  );

export const CurrentUserContext = createContext();

const ProtectedRoute = ({children}) => {
  const currentUser = useContext(CurrentUserContext);
  return currentUser?.isLoggedIn ? children : <Navigate to='/'/>
}

export default ProtectedRoute;

сделано на react-router-dom 6+ react 18

Я понимаю, что здесь связано, что-то с роутом но не могу ни как понять в чем дело.