我正在使用材質 ui 圖標作為注銷按鈕。我這樣使用它：function logout(props:any){  localStorage.removeItem("token");  return(    <Redirect to="/login" />  )  //props.history.push("/login");} <ExitToAppIcon onClick={logout}></ExitToAppIcon>當我單擊該圖標時，令牌會從 localStorage 中刪除，但它不會重定向到/login頁面，如果我使用該行props.history.push("/login");而不是Redirect，頁面會崩潰并給我這個錯誤：TypeError: undefined is not an object (評估'props.history.push')應用程序.tsx：const token = localStorage.getItem('token');export default function App() {  return (    <div>      <BrowserRouter>      <Switch>      <Route exact path='/' component= {HomePage}></Route>      <Route path='/login' component= {LoginPage}></Route>      <PrivateRoute      path='/panel'      isAuthenticated={token}      component={PanelHomePage}      />      <Redirect from='*' to='/404' />      </Switch>      </BrowserRouter>    </div>  );}如何解決重定向問題？