🛠 fix(#168): 초대알림에서 user 접근 시 에러 해결

src/components/InviteNotice/index.tsx

@@ -1,19 +1,13 @@
 import { useEffect, useState } from 'react';
-import { useSelector } from 'react-redux';
 import { toast, ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 
 import { TOAST_DEFAULT_SETTING } from '@/constants';
 import useFetchData from '@/hooks/useFetchData';
 import { getInvitationsList } from '@/services/getService';
-import { RootState } from '@/store/store';
 import { Invitation, InvitationsResponse } from '@/types/Invitation.interface';
 
 export default function InvitationNotice() {
-  const { user } = useSelector((state: RootState) => state.user);
-
-  if (!user) return null;
-
   // NOTE: 3초마다 refetch 하도록 설정
   const { data } = useFetchData<InvitationsResponse>(['invitations', 'notice'], () => getInvitationsList(), 5000);
   const [savedInvitations, setSavedInvitations] = useState<Invitation[]>(data?.invitations || []);

src/layouts/MainLayout.tsx

@@ -2,6 +2,7 @@ import { useRouter } from 'next/router';
 import { useSelector } from 'react-redux';
 
 import Header from '@/components/Header';
+import InvitationNotice from '@/components/InviteNotice';
 import Sidebar from '@/components/Sidebar';
 import { RootState } from '@/store/store';
 
@@ -31,6 +32,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
 
   return (
     <div className='flex min-h-screen min-w-[375px]'>
+      {user && <InvitationNotice />}
       <Sidebar />
 
       <div className='flex grow flex-col'>

src/pages/_app.tsx

@@ -6,7 +6,6 @@ import Head from 'next/head';
 import { Provider } from 'react-redux';
 import { PersistGate } from 'redux-persist/integration/react';
 
-import InvitationNotice from '@/components/InviteNotice';
 import Modal from '@/components/Modal';
 import Redirect from '@/components/Redirect';
 import MainLayout from '@/layouts/MainLayout';
@@ -27,7 +26,6 @@ export default function App({ Component, pageProps }: AppProps) {
               <meta name='og:image' content='/public/images/logo_large.png' />
             </Head>
             <Modal />
-            <InvitationNotice />
             <MainLayout>
               <Component {...pageProps} />
             </MainLayout>