Next.js Discord

Discord Forum

Modal Route with nested routes

Answered
Paul posted this in #help-forum
Open in Discord
Hello, I must say the modal routes with interception is quite confusing... I wish there were a simpler API.

I'm trying to intercept my route /acme/foo as a modal in /acme, I have the following file structure:
app/
├── page.tsx
├── layout.tsx // includes the `modal` slot
├── globals.css
├── acme/
│   ├── page.tsx
│   └── foo/
│       └── page.tsx
└── @modal/
    ├── default.tsx
    └── (.)acme/
        └── foo/
            └── page.tsx


But when I navigate using the next/link component, it always hits the route and never the modal, am I doing something wrong?

I attached a minimal repro of my app folder
Answered by Paul
It seems like deleting the .next and restarting the server somehow fixes it, I must say ontop of the API being confusing, not having it interactively update seems like it's a quite broken feature.
View full answer

1 Reply

It seems like deleting the .next and restarting the server somehow fixes it, I must say ontop of the API being confusing, not having it interactively update seems like it's a quite broken feature.
Answer