useHistory – Cannot read property ‘push’ of undefined

You are trying to use history hook outside of Router. Write your function inside Header component.

Try this inside Header component

const history = useHistory();

const homeButtonOnClickHandler = () =>{
            history.push('/');
}