Javascript 是否将材质ui选项卡与react router一起使用？

我有一个react/typescript项目。我有一个像这样的路由器

constroot=（）=>(
);如果您试图导航到另一个页面，请包装选项卡组件，让react router处理导航并使用react router历史进行导航

 <Tabs value={value} onChange={handleChange} aria-label="simple tabs 
     example">
   <div onClick={() => history.push("/timer")}>
        <Tab   label="Timer" />
    </div>
  </Tabs>


history.push（“/timer”）}>
如果您试图导航到另一个页面，请包装选项卡组件，让react router处理导航并使用react router历史进行导航

 <Tabs value={value} onChange={handleChange} aria-label="simple tabs 
     example">
   <div onClick={() => history.push("/timer")}>
        <Tab   label="Timer" />
    </div>
  </Tabs>


history.push（“/timer”）}>

或

请记住，
Link
组件是从react路由器导入的，而不是从@mui导入的

或

请记住，
Link
组件是从react路由器导入的，而不是从@mui导入的。
这是否回答了您的问题？这回答了你的问题吗？
<Router>
    <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/timer" component={TimerPage} />
    </Switch>
</Router>

<Router>
    <Switch>
        <Route path="/timer" component={TimerPage} />
        <Route path="/" component={Home} />
    </Switch>
</Router>

<Router>
    <AppBar position="static">
          <Tabs>
              <Tab label="Timer" to="/timer" component={Link}  />
          </Tabs>
    </AppBar>
</Router>