diff --git a/src/App.tsx b/src/App.tsx
index 2af98459..bb3db881 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,15 +1,16 @@
 import Router from './pages';
 import { Global } from '@emotion/react';
+import { CookiesProvider } from 'react-cookie';
 import { globalStyles } from './styles/global/global';
 import PopupContainer from './components/common/Modal/PopupContainer';
 
 const App = () => {
   return (
-    <>
+    <CookiesProvider>
       <Global styles={globalStyles} />
       <Router />
       <PopupContainer />
-    </>
+    </CookiesProvider>
   );
 };