Next.js Discord

Discord Forum

Intercepting route

Unanswered
Giant panda posted this in #help-forum
Open in Discord
Giant pandaOP
In the image is shown the structure of @modal, now I have /admin/resellers, but I go to /admin/resellers/new it's 404, I render 
export default function RootLayout({
    children, modal
  }: {
    children: React.ReactNode;
    modal: React.ReactNode;

}) {
    return (
        <html lang="en">
            <body style={{ background: 'white' }}>
                <Providers>
                    {modal}
                    {children}
                </Providers>
            </body>
        </html>
    )
}

21 Replies

Giant pandaOP
any idea
Southern rough shrimp
@Giant pandaIs the RootLayout file in the same folder as the @modal folder?
I'm also not sure what this (.resellers) format is. Looking at [this documentation](https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes#convention) the convention is (.)resellers
I just changed it to be (.).resellers
still 404
Giant pandaOP
yeah i dont know what im doing wrong here
Southern rough shrimp
If I had to guess, it would be that your (.) should be (..) or (...)
The dots are like backtracing in a cd command.
Might be a case of just reading the entire docs page on it.
Giant pandaOP
Yeah ive read the docs
That doesnt help at all
I have @modal/(...dashboard)/reseller/top-up
a route /dashboard/reseller/page.tsx
But it does not intercept it, i have no idea what can do i anymore
this is why i hate this god forsaken framework
it makes everything so hard and sloppy