Put global styles in index

src/App.tsx

@@ -1,16 +1,12 @@
 import { Route, Switch } from 'react-router-dom';
-import GlobalStyles from './GlobalStyles';
 
 const App = () => {
   return (
-    <>
-      <GlobalStyles />
-      <Switch>
-        <Route path='/' exact>
-          <div style={{ margin: '2rem', width: '95vw' }}></div>
-        </Route>
-      </Switch>
-    </>
+    <Switch>
+      <Route path='/' exact>
+        <div />
+      </Route>
+    </Switch>
   );
 };
 

src/index.tsx

@@ -4,6 +4,7 @@ import { ThemeProvider } from 'styled-components';
 import { BrowserRouter } from 'react-router-dom';
 import { theme } from './themes';
 import App from './App';
+import GlobalStyles from './GlobalStyles';
 import reportWebVitals from './reportWebVitals';
 
 ReactDOM.render(
@@ -11,6 +12,7 @@ ReactDOM.render(
     <ThemeProvider theme={theme}>
       <BrowserRouter>
         <App />
+        <GlobalStyles />
       </BrowserRouter>
     </ThemeProvider>
   </React.StrictMode>,