Refactoring

Author: Yadro

src/App.tsx

@@ -1,19 +1,20 @@
 import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { observer } from 'mobx-react';
+import { BrowserRouter } from 'react-router-dom';
 
 import Main from './screens/Main';
 import 'antd/dist/antd.less';
 import './App.global.less';
 
-export default observer(() => {
+const App = () => {
   // useEffect(() => {
   //   Sentry.captureException(new Error(`${process.env.NODE_ENV} exception`));
   // }, []);
 
   return (
-    <Router>
+    <BrowserRouter>
       <Main />
-    </Router>
+    </BrowserRouter>
   );
-});
+};
+
+export default App;

src/screens/Main.tsx

@@ -28,18 +28,10 @@ export default observer(function Main() {
         <TaskControl />
       </Header>
       <Switch>
-        <Route exact path="/">
-          <Redirect to="/projects" />
-        </Route>
-        <Route path="/hours">
-          <HoursScreen />
-        </Route>
-        <Route path="/projects">
-          <ProjectsScreen />
-        </Route>
-        <Route path="/dashboard">
-          <Dashboard />
-        </Route>
+        <Redirect exact from="/" to="/projects" />
+        <Route path="/hours" component={HoursScreen} />
+        <Route path="/projects" component={ProjectsScreen} />
+        <Route path="/dashboard" component={Dashboard} />
       </Switch>
     </Layout>
   );