Create-React-App Error.

I get this error when trying to use react-router-transition with a create-react-app project.

./node_modules/react-router-transition/src/AnimatedRoute.js
Module parse failed: /node_modules/react-router-transition/src/AnimatedRoute.js Unexpected token (16:49)
You may need an appropriate loader to handle this file type.
| }
| 
| const AnimatedRoute = ({ component, path, exact, ...routeTransitionProps }) => (
|   <Route
|     render={({ location, match }) => (

i’m not quite sure what the problem is. At first i was thinking it was because of the spread operator but CRA seems to have it enabled.

Anyone got this before ?

[etiennelacoursiere]

Heres how i did it. You can import it with a relative path import { AnimatedSwitch } from 'react-router-transition/lib/react-router-transition'

[jacobangel]

Rest spread is enabled, but it’s likely that node_modules are excluded from your webpack configuration’s babelification.

That’s a bug on our part; we should probably point the module file at a transpiled copy which retains the ES6 module declaration.

In the mean time you can work around this by aliasing react-router-transitions to lib/react-router-transition.js

Config link here: https://webpack.js.org/configuration/resolve/#resolve-alias