react-router-bootstrap LinkContainer 组件因 TypeError (0 , _reactRouterDom.withRouter) is not a function 而失败

Question

I have been using the **LinkContainer** from the **react-router-bootstrap** react library for a while but currently it is throwing this error when I import it:

TypeError (0 , _reactRouterDom.withRouter) is not a function

I have my very simple react application in this codesandbox over here

Help me debug this please.

Answer 1

You have to options, either you downgrade your version (to v5.3.0) of react-router-dom so method withRouter will be available again (used by react-router-bootstrap) or you dismiss react-router-bootstrap and use the useNavigate Hook:

const navigate = useNavigate();
...
<Nav.Link onClick={() => navigate('configuration')}>