router

src/App.js

@@ -1,3 +1,4 @@
+import { Route } from 'react-router';
 import './App.css';
 import Editor from './features/editors/Editor';
 import DefaultPresenter from './features/viewers/DefaultPresenter';
@@ -5,8 +6,8 @@ import DefaultPresenter from './features/viewers/DefaultPresenter';
 function App() {
   return (
     <div className='App'>
-      {/* <Editor /> */}
-      <DefaultPresenter />
+      <Route path='/' exact component={DefaultPresenter} />
+      <Route path='/editor' exact component={Editor} />
     </div>
   );
 }

src/index.js

@@ -3,15 +3,17 @@ import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { BrowserRouter } from 'react-router-dom';
 
 // 1. import `ChakraProvider` component
-import { ChakraProvider } from "@chakra-ui/react"
-
+import { ChakraProvider } from '@chakra-ui/react';
 
 ReactDOM.render(
   <React.StrictMode>
     <ChakraProvider>
-      <App />
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
     </ChakraProvider>
   </React.StrictMode>,
   document.getElementById('root')