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

Question

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

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 не определено

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

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

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

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