feat: ScrollRestoration RootLayout으로 이동

CollaBu · May 29, 2024 · 3700676 · 3700676
1 parent 32c52dd
commit 3700676
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 16 deletions.
diff --git a/src/app/layout/RootLayout.tsx b/src/app/layout/RootLayout.tsx
@@ -1,6 +1,6 @@
 import { IPhoneLayout } from 'react-iphone-layout';
 import 'react-iphone-layout/dist/ReactIPhoneLayout.css';
-import { Outlet } from 'react-router-dom';
+import { Outlet, ScrollRestoration } from 'react-router-dom';
 
 import './RootLayout.scss';
 
@@ -15,6 +15,11 @@ export const RootLayout = () => {
       <div className='wrap'>
         <Outlet />
       </div>
+      <ScrollRestoration
+        getKey={(location) => {
+          return location.pathname;
+        }}
+      />
     </IPhoneLayout>
   );
 };
diff --git a/src/app/routers/index.tsx b/src/app/routers/index.tsx
@@ -1,8 +1,4 @@
-import {
-  createBrowserRouter,
-  RouteObject,
-  ScrollRestoration,
-} from 'react-router-dom';
+import { createBrowserRouter, RouteObject } from 'react-router-dom';
 
 import { FeedMainPage } from '@/pages/feed-main';
 import { ProfileMainPage } from '@/pages/profile';
@@ -12,16 +8,7 @@ import { RootLayout } from '../layout';
 const root: RouteObject[] = [
   {
     path: '/',
-    element: (
-      <>
-        <RootLayout />
-        <ScrollRestoration
-          getKey={(location) => {
-            return location.pathname;
-          }}
-        />
-      </>
-    ),
+    element: <RootLayout />,
     children: [
       { index: true, element: <FeedMainPage /> },
       { path: 'users/:userId', element: <ProfileMainPage /> },