Restauración del desplazamiento en el cambio de página no se desplaza completamente hacia arriba.

Restauración de desplazamiento hace que la página se desplace 8/10 partes hacia arriba, pero no completamente. No estoy seguro si mi componente ScrollToTop está fallando o si estoy utilizando incorrectamente las etiquetas de ruta y switch en el componente App. A continuación se muestran los componentes ScrollToTop y App respectivamente.

import { useEffect } from "react";
import { useLocation } from "react-router-dom";

function ScrollToTop() {
  const { pathname } = useLocation();

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

  return null;
}

export default ScrollToTop;

return (
    <div classname="App">
      <switch>
        <route path='/explore'>
          <scrolltotop></scrolltotop>
          <layout classname='' currentuser="{currentUser}" posts="{posts}" handlelogout="{handleLogout}">
            <explore posts="{posts}"></explore>
          </layout>
        </route>
        <route path='/meta'>
          <scrolltotop></scrolltotop>
          <layout currentuser="{currentUser}" posts="{posts}" handlelogout="{handleLogout}">
            <meta currentuser="{currentUser}" posts="{posts}">
          </layout>
        </route>
        <route path='/mana'>
          <scrolltotop>
            <layout currentuser="{currentUser}" posts="{posts}" handlelogout="{handleLogout}">
              <mana currentuser="{currentUser}" posts="{posts}"></mana>
            </layout>
          </scrolltotop>
        </route>
        <route path='/crypto'>
          <scrolltotop></scrolltotop>
          <layout currentuser="{currentUser}" posts="{posts}" handlelogout="{handleLogout}">
            <crypto currentuser="{currentUser}" posts="{posts}"></crypto>
          </layout>
        </route>
        <route path='/film'>
          <scrolltotop></scrolltotop>
          <layout currentuser="{currentUser}" posts="{posts}" handlelogout="{handleLogout}">
            <film currentuser="{currentUser}" posts="{posts}"></film>
          </layout>
        </route> 
      </switch>
    </div>
  );
}

export default App;