title: React Transition Group prevent transition on param change
body: <p>My application uses 'react-transition-group' to route between pages, but every time my portfolio id updates, it re-renders the entire component and runs the transition animation. How can I make it so that once you go to my portfolio page, it doesn't re-render the portfolio component when only the :id changes?</p>
  
  <pre><code>&lt;Route render={({ location }) =&gt; (
          &lt;TransitionGroup&gt;
            &lt;CSSTransition key={location.key} classNames='slide' timeout={800}&gt;
              &lt;Switch location={location}&gt;
  
                &lt;Route exact path='/' component={Home}/&gt;
                &lt;Route path='/portfolio/:id?' component={Portfolio}/&gt;
                &lt;Route path='/about' component={About}/&gt;
  
              &lt;/Switch&gt;
            &lt;/CSSTransition&gt;
          &lt;/TransitionGroup&gt;
        )}/&gt;
  </code></pre>