Аутентификация с использованием React-typcript с помощью response-router-dom

Question

У меня проблема с перенаправлением на страницу после аутентификации, вот мой код, я не знаю, почему это не работает ... Я думаю, что проблема в моей функции PrivateRoute.Я публикую свой App.tsx

 import * as React from 'react';
 import { Route,Redirect,  BrowserRouter as Router, } from 'react-router-dom';
 import LoginPage from './components/RoutedLoginPage/LoginPopUp';
 import LandingPage from './components/LandingPage/landing-page';


class App extends React.Component<any,any>{
  constructor(props){
  super(props);
   this.state= {
  isAuthenticated: false,
}
} 
  answerFormChild = () => { 
    this.setState({isAuthenticated: !this.state.isAuthenticated})

}
PrivateRoute= ({component: Component, ...rest}) => (
    <Route 
    {...rest}
      render={(props) =>
        this.state.isAuthenticated ? (
          <Component {...props} />

        ) : (
          <Redirect
            to={{pathname: '/login', state: {from: props.location}}}/>
        )
    }/>
)

public render() {
return( 
  <Router>
    <div>
      <Route path="/login" component={LoginPage} />
      <this.PrivateRoute path="/protected" component={LandingPage} />
    </div>

  </Router>

   )
  }
 }