index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { ItemList, Footer, NotFound } from './components';
import registerServiceWorker from './registerServiceWorker';
import { Provider } from 'react-redux';
import { Route, Switch } from 'react-router';
import createHistory from 'history/createBrowserHistory';
import thunk from 'redux-thunk';
import reducers from './reducers';
import { createStore, applyMiddleware, combineReducers } from 'redux';
import { ConnectedRouter, routerReducer, routerMiddleware } from 'react-router-redux';
import 'semantic-ui-css/semantic.min.css';
import './index.css';

const history = createHistory();

const historyMiddleware = routerMiddleware(history);

const store = createStore(combineReducers({
    ...reducers,
    routing: routerReducer
}), applyMiddleware(thunk, historyMiddleware));

ReactDOM.render(
    <Provider store={store}>
        <div>
            <ConnectedRouter history={history}>
                <Switch>
                    <Route exact path={process.env.PUBLIC_URL + '/'} component={ItemList}/>
                    <Route path={process.env.PUBLIC_URL + '/pokemon/:Id'} component={ItemList}/>
                    <Route path={process.env.PUBLIC_URL + '/not_found_404'} component={NotFound}/>
                </Switch>
            </ConnectedRouter>
            <Footer />
        </div>
    </Provider>,
    document.getElementById('root'));
registerServiceWorker();