import React from 'react';
import { Provider } from 'react-redux';
import {
    BrowserRouter as Router,
    Route
} from 'react-router-dom';

import HomePage from './components/pages/Home';
import SignupPage from './components/pages/Signup';
import LoginPage from './components/pages/Login';
import StopWatchPage from './components/pages/StopWatch';
import HistoryPage from './components/pages/History';
import PrivateRoute from './components/PrivateRoute';

const Routes = ({ store }) => {
    return (
        <Provider store={ store }>
            <Router>
                <div>
                    <Route exact path="/" component={HomePage} />
                    <Route path="/signup" component={SignupPage} />
                    <Route path="/login" component={LoginPage} />
                    <Route path="/stopwatch" component={StopWatchPage} />
                    <PrivateRoute path="/history" component={HistoryPage} />
                </div>
            </Router>
        </Provider>
    );
};

export default Routes;
@@ -107,17 +107,29 @@
    Route
+,%0A    Switch
 %0A
-
 %7D from '
@@ -148,16 +148,82 @@
 -dom';%0A%0A
+import MonthDetail from './components/pages/History/MonthDetail';%0A
 import H
@@ -529,16 +529,70 @@
 eRoute';
+%0Aimport NotFoundPage from './components/NotFoundPage';
 %0A%0Aconst 
@@ -703,19 +703,22 @@
        %3C
-div
+Switch
 %3E%0A      
@@ -1015,24 +1015,30 @@
 rivateRoute 
+exact 
 path=%22/histo
@@ -1088,13 +1088,155 @@
     
-%3C/div
+    %3CPrivateRoute path=%22/history/:month%22 component=%7BMonthDetail%7D /%3E%0A                    %3CRoute component=%7BNotFoundPage%7D /%3E%0A                %3C/Switch
 %3E%0A  

Add /history/:month and default non-matching route