Animating routes in Gatsby, but keeping page in DOM, until child animations finish

[smashercosmo]

This is a follow up on my recent question #985 (comment)

I still can't figure out, if it's possible to implement with react-spring. I managed to do it with framer-motion (though it works not as smoothly as I want) https://codesandbox.io/s/github/smashercosmo/framer-motion-test.