TypeError: Cannot read property 'location' of undefined

import React, { Component } from 'react';

import { BrowserRouter, Router ,Switch} from 'react-router-dom';

import ReactDom from 'react-dom';

import { Layout } from 'antd';

import 'antd/dist/antd.css';

import AppHeader  from  './components/Header/index'

import './components/Header/index'

import './index.css'

import Detail from './components/containers/Detail/index'

import List from './components/containers/List/index'

const { Header, Footer, Content } = Layout;

class App extends Component {

    render() {

        return (

            <Layout style={{ minWidth: 1300 }}>

          <Header className="header">

          <AppHeader/>

          </Header>

          <Content className="content">

          <BrowserRouter>

                <Switch>

                    <Router  path='/Detail' component={Detail}/>

                    <Router  path='/' component={List}/>

                </Switch>

            </BrowserRouter>

        </Content>

          <Footer className="footer">Footer</Footer>

        </Layout>

        )

    }

}

ReactDom.render(<App />, document.getElementById('root'));

相关截图：

​