history.push打开正确的页面，但显示底部组件

Question

我在某些组件中使用history.push。推送了正确的目录，但是窗口显示的是底部组件而不是页面的顶部。我不明白这是怎么回事。我基本上是在做以下事情：

import {useHistory} from 'react-router-dom';

...

const history = useHistory();

...

history.push('/events');

我可以通过在每次安装组件时滚动到顶部来解决此问题，但我想了解为什么history.push会这样执行并修复它。

  useEffect( () => {
    window.scrollTo(0, 0);
  },[currentLocation]);