text: import './index.css';
  import React from 'react';
  import ReactDOM from 'react-dom';
  import { Route } from 'react-router-dom'
  import { Provider } from 'react-redux';
  import { ConnectedRouter } from 'react-router-redux';
  import { createBrowserHistory } from 'history';
  import configureStore from './store/configureStore';
  import App from './App';
  import registerServiceWorker from './registerServiceWorker';
  
  import Home from './components/Home';
  import Counter from './components/Counter';
  import FetchData from './components/FetchData';
  
  // Create browser history to use in the Redux store
  const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');
  const history = createBrowserHistory({ basename: baseUrl });
  
  // Get the application-wide store instance, prepopulating with state from the server where available.
  const initialState = window.initialReduxState;
  const store = configureStore(history, initialState);
  
  const rootElement = document.getElementById('root');
  
  ReactDOM.render(
    <Provider store={store}>
      <ConnectedRouter history={history}>
        <App>
          <Route exact path='/' component={Home} />
          <Route path='/counter' component={Counter} />
          <Route path='/fetchdata' component={FetchData} />
        </App>
      </ConnectedRouter>
    </Provider>,
    rootElement);
  
  registerServiceWorker();
  