refactor: Root 및 Toast 컴포넌트 lazy 적용 (#499)

woowacourse-teams · Sep 21, 2023 · 73f02d4 · 73f02d4
1 parent aaa45b4
commit 73f02d4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/frontend/src/router/Root.tsx b/frontend/src/router/Root.tsx
@@ -1,12 +1,13 @@
-import { Suspense } from 'react';
-import styled from 'styled-components';
+import { Suspense, lazy } from 'react';
+import { styled } from 'styled-components';
 import { Outlet } from 'react-router-dom';
 import Footer from '~/components/@common/Footer';
 import { Header, MobileHeader } from '~/components/@common/Header';
 import LoadingIndicator from '~/components/@common/LoadingIndicator';
-import Toast from '~/components/@common/Toast';
 import useMediaQuery from '~/hooks/useMediaQuery';
 
+const Toast = lazy(() => import('~/components/@common/Toast'));
+
 function Root() {
   const { isMobile } = useMediaQuery();
 

diff --git a/frontend/src/router/Router.tsx b/frontend/src/router/Router.tsx
@@ -1,8 +1,8 @@
 import { RouterProvider, createBrowserRouter } from 'react-router-dom';
 
 import { lazy } from 'react';
-import Root from './Root';
 
+const Root = lazy(() => import('./Root'));
 const MainPage = lazy(() => import('~/pages/MainPage'));
 const RestaurantDetail = lazy(() => import('~/pages/RestaurantDetail'));
 const SignUpPage = lazy(() => import('~/pages/SignUpPage'));