在未安装的组件上反应状态更新当我刷新或尝试导航回来时，不确定问题出在哪里应用程序变为空白

如何解决在未安装的组件上反应状态更新当我刷新或尝试导航回来时，不确定问题出在哪里应用程序变为空白

我的 React 应用程序有一个问题，当我刷新页面或单击后退按钮并尝试导航回主选项卡之一时，应用程序崩溃（出现白屏）并且我收到此代码。

“无法对卸载的组件执行 React 状态更新。这是一个空操作，但它表明您的应用程序中存在内存泄漏。要修复，请取消 componentwillUnmount 方法中的所有订阅和异步任务。 在 IonRouterInner (http://localhost:3000/static/js/vendors~main.chunk.js:7684:5) 在 C (http://localhost:3000/static/js/vendors~main.chunk.js:51811:37) 在路由器 (http://localhost:3000/static/js/vendors~main.chunk.js:51189:30) 在 IonReactRouter (http://localhost:3000/static/js/vendors~main.chunk.js:7981:5) 在离子应用程序 在 ReactComponent (http://localhost:3000/static/js/vendors~main.chunk.js:9600:7) 在 IonApp 在标签 (http://localhost:3000/static/js/main.chunk.js:3166:3) "

app.js

const App = () => {

  // const access_token = new URLSearchParams(window.location.search).get('access_token')
  let parsed = queryString.parse(window.location.search)
  let access_token = parsed.access_token
  localStorage.setItem('access_token',access_token);

  return (
    <IonApp>
      <IonReactRouter>
          <Route path="/" render={() => {
            if (access_token) {
              return <Redirect to="/tabs" />;
            } else {
              return <LoginPage />;
            }
          }} exact />
          <Route path="/tabs" render={() => {
            if (access_token) {
              return <Tabs access_token={access_token}/>;
            } else {
              return <Redirect to="/" />;
            }
          }} />
          <Route path="/auth/useAuth" exact render={() => {
            if (access_token) {
              return <Redirect to="/tabs" />;
            } 
          }} />
      </IonReactRouter>
    </IonApp>
  );
};

标签页

const Tabs = ({ access_token }) => {
  

  localStorage.getItem('access_token');


  return (
    (
      <IonApp>
        <IonReactRouter>
          <IonTabs>
            <IonRouterOutlet>
              <Route path="/home" render={() => <Home access_token={access_token} />} />
              <Route path="/music" render={() => <Music access_token={access_token} />} />
              <Route path="/finetunediscovery" render={() => <FineTunediscovery access_token={access_token} />} />


              <Route path="/profile" render={() => <Profile access_token={access_token} />} />

              <Route path="/tabs" render={() => <Redirect to="/home" />} exact={true} />

            </IonRouterOutlet>
            <IonTabBar slot="bottom" color="dark">
              <IonTabButton tab="home" href="/home">
                <IonIcon icon={home} />
                <IonLabel>Home</IonLabel>
              </IonTabButton>
              <IonTabButton tab="music" href="/music">
                <IonIcon icon={musicalNotes} />
                <IonLabel>discovered Music</IonLabel>
              </IonTabButton>
              <IonTabButton tab="profile" href="/profile">
                <IonIcon icon={person} />
                <IonLabel>Profile</IonLabel>
              </IonTabButton>
            </IonTabBar>
          </IonTabs>
        </IonReactRouter>

        {/* <TopTracksList access_token={access_token} /> */}


      </IonApp>

任何帮助将不胜感激。