为什么出错：nvariant失败：您不应在<router>之外使用<route>？

Question

我对react-router有问题。我弄错了不变式失败：您不应在之外使用。我不懂为什么。整个组件位于。

这是我的组成部分。我正在尝试使用标签进行导航。但是这个问题出现了。

function NavTabs() {
return (
    <BrowserRouter>
            <Route
                path="/"
                render={({ location }) => (
                    <Fragment>
                        <Tabs value={location.pathname}>
                            <Tab label="Энтити" value="/" component={Link} to="/" />
                            <Tab label="Интент" value="/intent" component={Link} to="/intent" />
                            <Tab
                                value="/statistics"
                                label="Статистика"
                                component={Link}
                                to="/statistics"
                            />
                        </Tabs>
                        <Switch>
                            <Route path="/intent" render={() => <Intent/>} />
                            <Route path="/statistics" render={() => <Statistics/>} />
                            <Route path="/" render={() => <Content/>} />
                        </Switch>
                    </Fragment>
                )}
            />
    </BrowserRouter>
);

}export default NavTabs

这是显示的代码，就像一个越来越犯错误的代码：

ReactDOM.render(<Provider store={store}><App /></Provider>, 
document.getElementById('root'));