react-router-transition is interfering with my "sticky" header

[oliverwatkins]

My "sticky" behaviour does not work on my header when I use react-router-transition with react-router.

I am using position: "sticky" on my website header.

I am using the standard AnimatedSwitch in the documentation, and it says I should set this CSS -

.switch-wrapper {
  position: relative;
}

.switch-wrapper > div {
  position: absolute;
}

If I remove this CSS then my "sticky" works, however the animation is slower and jerkier for the transitions.

Is there a way around this?