Transitioning between dynamic routes

[MattJarman]

Hey, I'm pretty new to react and I'm trying to get transitions working for the following example:

import React from 'react';
import { Route } from 'react-router-dom';
import { AnimatedSwitch } from 'react-router-transition';
import User from '../user';

const App = () => (
  <div className="container">
    <AnimatedSwitch>
      <Route path="/:id" component={User} />
    </AnimatedSwitch>
  </div>
);

export default App;

Is it possible to transition in this case e.g. between /1 and /2?

Sorry if this isn't the right place for asking this!