Hello,
Im facing the issue that when using this lib only the leaving component is being animated, while the entering one is not.
Instead react is showing a white screen for a second before the second component is popping in.
I tried sticking to the example code as close as possible to prevent but still cant fix the issue and im running out of ideas.
<Route
render={({ location }) => (
<div>
<AnimatedSwitch
{...pageTransitions}
runOnMount={location.pathname === "/"}
mapStyles={(styles) => ({
transform: `translateX(${styles.offset}%)`,
})}
>
<Route
exact
path="/login"
component={() => <Login callback={this.login} />}
/>
<Route exact path="/register" component={Register} />
<Route exact path="/" component={Landing} />
<Route
path="/"
component={() => <Login callback={this.login} />}
/>
</AnimatedSwitch>
</div>
)}
/>
Hello,
Im facing the issue that when using this lib only the leaving component is being animated, while the entering one is not.
Instead react is showing a white screen for a second before the second component is popping in.
I tried sticking to the example code as close as possible to prevent but still cant fix the issue and im running out of ideas.