Layout Transition with NextJS Intercepting Routes

[tommyboylab]

I'm trying to create a shared layout transition similar to the Framer AppStore Example within the NextJS Intercepting Routes example (Nextgram).

https://github.com/vercel-labs/nextgram
https://codesandbox.io/s/app-store-ui-using-react-and-framer-motion-ecgc2

I've gotten the content to render correctly in both a Modal and a single page, but have not been able to transition the layout from either.

Has anyone got shared Layout transitions working using route Interception? I'll attatch a Gif of my examples.

Working example (without intercepting the route but transitioning page):

Not working example (with intercepting the route to a modal):

Nextgram example (same as the not working example, but using Nextgram repo as template) but notice transition back only happens once:

[hajirasyafi]

[solo-explores]

can you share it, that repo is no longer available

[solo-explores]

did you figure this out?
I too am trying to do something similar, but can't get it right.

[hajirasyafi]

can you share your example code on codesandbox?

[okanji]

I was wondering the samd, @hajirasyafi can you please re share your solution?

[lumpinif]

I am wondering the same, has anyone have the solution?

[lumpinif]

@tommyboylab Hey, can you share the examples of the Working example (without intercepting the route but transitioning page) and the Not working example (with intercepting the route to a modal) on codesandbox? I would like to see what I can contribute, if I have the solution, I will immediately post it back with you.

[artemavrin]

I just created working example artemavrin/animation-layout
and discussion here

[lumpinif]

that's cool