React redux and Transition Group

App.js

import React, { Component } from 'react';
import { Provider } from 'react-redux';
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link,
  Redirect
} from 'react-router-dom';
import { ConnectedRouter } from 'react-router-redux';
import {
  TranstionGroup,
  CSSTransition,
} from 'react-transition-group';
import Header from './components/layout/header';
import Search from './components/search';
import searchList from './components/searchList';
import './App.css';

import store, { history } from './stores';


class App extends Component {

  render() {
    return (
        <Provider store={store}>
          <ConnectedRouter history={history}>
            <Route render={({ location }) => (
              <div className="App">
                <Header/>
                <main className="App-container">
                <Link to="/">Home</Link>
                  <Link to="/searchlist">SearchList</Link>
                  <TranstionGroup>
                    <CSSTransition
                      key={location.key}
                      timeout={300}
                      classNames='searching'
                    >
                    <Switch location={location}>
                      <Route exact path="/" component={Search} />
                      <Route exact path="/searchlist" component={searchList} />
                    </Switch>
                    </CSSTransition>
                  </TranstionGroup>
                </main>
              </div>
            )} />

            </ConnectedRouter>
        </Provider>
    );
  }
}

export default App;