chore: fix deploy

mocks/handlers.ts

@@ -4,7 +4,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { Note, notes } from './fakeData';
 
 export const handlers = [
-  graphql.query('GetNotes', (req, res, ctx) => {
+  graphql.query('GetNotes', (_, res, ctx) => {
     return res(ctx.data({ notes }));
   }),
 

pages/_app.tsx

@@ -3,7 +3,6 @@ import React from 'react';
 import { ThemeProvider } from 'styled-components';
 
 import MockingWorker from '@/components/MockingWorker';
-import { isDev } from '@/constants';
 import useApollo from '@/hooks/useApollo';
 import GlobalStyle from '@/styles/global.ts';
 import { theme } from '@/styles/theme';
@@ -12,16 +11,15 @@ import { ApolloProvider } from '@apollo/client';
 export default function App({ Component, pageProps }: AppProps) {
   const apolloClient = useApollo(pageProps.initialApolloState);
 
-  const Wrapper = isDev ? MockingWorker : React.Fragment;
-
   return (
-    <Wrapper>
+    // need to change wrapper when production
+    <MockingWorker>
       <GlobalStyle />
       <ApolloProvider client={apolloClient}>
         <ThemeProvider theme={theme}>
           <Component {...pageProps} />
         </ThemeProvider>
       </ApolloProvider>
-    </Wrapper>
+    </MockingWorker>
   );
 }

pages/index.tsx

@@ -11,8 +11,11 @@ import { GetNote, GetNoteVariables, GetNotes } from '@/typings/gql';
 import { useQuery } from '@apollo/client';
 
 const App = () => {
-  const parsed = queryString.parse(location.search);
-  const noteId = parsed.noteId as string;
+  let noteId: string = '';
+  if (process.browser) {
+    const parsed = queryString.parse(location.search);
+    noteId = parsed.noteId as string;
+  }
 
   const { data: notesData } = useQuery<GetNotes>(GET_NOTES);
   const { data: noteData } = useQuery<GetNote, GetNoteVariables>(GET_NOTE, {