refactor: rollback hook changes

src/hooks/useScrollToTop.tsx → src/hooks/ScrollToTop.tsx

@@ -1,10 +1,10 @@
-import { useLayoutEffect } from 'react';
+import { useEffect } from 'react';
 import { useRouter } from 'next/router';
 
 export function useScrollToTop() {
   const router = useRouter();
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const handleRouteChange = () => {
       window.scrollTo(0, 0);
     };
@@ -14,4 +14,6 @@ export function useScrollToTop() {
       router.events.off('routeChangeComplete', handleRouteChange);
     };
   }, [router.events]);
+
+  return null;
 }

src/hooks/index.ts

@@ -1,2 +1,2 @@
-export * from './useScrollToTop';
+export * from './ScrollToTop';
 export * from './useStateContext';

src/pages/layout.tsx

@@ -1,11 +1,8 @@
 import { CssBaseline, styled } from '@mui/material';
 import { Disclaimer } from '~/components';
 import { Footer, Header } from '~/containers';
-import { useScrollToTop } from '~/hooks';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  useScrollToTop();
-
   return (
     <>
       <CssBaseline />