Warning: Failed prop type: Invalid prop `styles` supplied to `TransitionMotion`.

I started to see this after upgrading to v1. Is there a quick fix for this?

Warning: Failed prop type: Invalid prop `styles` supplied to `TransitionMotion`.

const slideLeft = {
    atEnter: {
      opacity: 0,
      offset: 100,
      pos: 0,
    },
    atLeave: {
      opacity: 0,
      offset: -100,
      pos: 2,
    },
    atActive: {
      opacity: 1,
      offset: 0,
      pos: 1,
    },
    mapStyles(styles) {
      return {
        position: (styles.pos <= 1) ? 'relative' : 'absolute',
        opacity: styles.opacity,
        transform: `translateX(${styles.offset}%)`,
      };
    },
  };

<RouteTransition
pathname={params.location.pathname}
className="transition-wrapper"
{...slideLeft}
 >
<Switch key={params.location.key} location={params.location}>
  <Route path={`${match.url}/info/`} component={PatientInfoPage} />
  <Route path={`${match.url}/confirmed/`} component={ShowConfirmationPage} />
  </Switch>
</RouteTransition>

[a-nozeret]

https://github.com/chenglou/react-motion/issues/268#issuecomment-292324479 TransitionMotion expects styles.key to be a string.

Solve it quickly by using the props from withRouter and adding to AnimatedSwitch the location object + a key of type String.

E.g. <AnimatedSwitch location={{ ...location, key: '' }} ...

@maisano in AnimatedSwitch.js:35 you could ensure the default key is a String.

[a-nozeret]

Still getting the error using AnimatedSwitch, with the latest version here.

react-router-transition@1.0.1
react-motion@0.5.1
react-router-dom@4.2.2