Cannot read property 'history' of undefined (useHistory hook of React Router 5)

Question

I am using the new useHistory hook of React Router, which came out a few weeks ago. My React-router version is 5.1.2. My React is at version 16.10.1. You can find my code at

Answer 1

useHistory won't work in the component where you have your Routes because the context which is needed for useHistory is not yet set.

useHistory will work on any child component or components which your have declared in your Router but it won't work on Router's parent component or Router component itself.