content: import React, { Component } from 'react';
  import initialState from './data';
  import TodoList from './TodoList';
  import TodoDetails from './TodoDetails';
  import { createStore } from 'redux';
  import { Provider } from 'react-redux';
  import reducer from './reducer';
  import createHistory from 'history/createBrowserHistory';
  import { Router, Route } from 'react-router-dom';
  
  const history = createHistory();
  const store = createStore(reducer, initialState);
  
  class App extends Component {
    render() {
      return (
        <Provider store={store}>
          <Router history={history}>
            <div>
              <Route exact path="/" component={TodoList} />
              <Route path="/todoDetails" component={TodoDetails} />
            </div>
          </Router>
        </Provider>
      );
    }
  }
  
  export default App;
  