Estoy creando un componente ScrollToTop usando el gancho useScrollTrigger de MUI https://mui.com/material-ui/react-app-bar/#usescrolltrigger-options-trigger

Aquí está el código de muestra: https://codesandbox.io/s/stackoverlow-mui-usescrolltrigger-er9z4y

Problemas

1. El componente ScrollTop no aparece después de desplazarse algunos píxeles incluso después de desplazarse hasta la parte inferior de la página.

Aquí está la captura de pantalla. El componente ScrollToTop debería aparecer alrededor del área que marqué.
Como pudimos ver, el valor de trigger del gancho useScrollTrigger devuelve un valor false . Debería devolver un valor true si desplazamos la página.

2. Si descomentamos el componente ScrollToTop , aparecería el componente ScrollToTop . Luego, si hacemos clic en el componente ScrollToTop , la pantalla no iría a la parte superior de la página.

Aquí está la captura de pantalla.

Paso para reproducir

Para el problema 1:

1. Abra la demostración (enlace de codesandbox) arriba.
2. Desplazarse hasta la parte inferior de la página.

Para el problema 2:

1. Abra la demostración (enlace de codesandbox) arriba.
2. Comente solo el componente ScrollToTop .
3. Desplazarse hasta la parte inferior de la página.
4. Haga clic en el componente ScrollToTop .

Condiciones esperadas

1. Para el problema 1: el componente ScrollTop aparece después de desplazar algunos píxeles.
2. Para el problema 2: el componente ScrollTop debería llevar la pantalla a la parte superior de la página después de hacer clic.