This.context.router не определен

У меня есть этот код:

render() {
    return (
        <BrowserRouter>
            <React.Fragment>
                <Navbar inverse collapseOnSelect>
                    <Nav className='float_right'>
                        <React.Fragment>
                            <LinkContainer to='/about'>
                                <NavItem>
                                    About us
                                </NavItem>
                            </LinkContainer>
                        </React.Fragment>
                    </Nav>
                </Navbar>
                <Switch>
                    <Route exact path='/about' component = {AboutComponent}/>
                    <Route exact path='/' component = {HomeComponent}/>
                </Switch>
            </React.Fragment>
        </BrowserRouter>
    );
}

А я пытаюсь сделать простую навигацию. Но я получаю сообщение об ошибке:

TypeError: this.context.router is undefined

Почему это? Я проверил документы и искал ответ, но все, что я нашел, это добавить что-то с контекстом в конструктор, например

constructor(props,context){
    super(props,context);
}

Это начало происходить, когда я добавил <LinkContainer/> в код

Что просто не сработало. Есть идеи, как это решить?