404 page and docs routes

[rjjan]

i have a confusing "bug"

starting from "yarn create fumadocs-app", i made some changes.

[Qiestion 1] now I can't get nextjs default 404 page work
when navigate to http://localhost:4000/docs/test2
where /docs/test2 (folder) does not exist

In my code, /app/docs/[...slug]/page will be triggered. Within it, the code if (!page) notfound()
gives the error as follows

"
In HTML,

cannot be a child of <#document>.
This will cause a hydration error.
app-router.js:77 HierarchyRequestError: Failed to execute 'appendChild' on 'Node': Only one element on document allowed.
"

[Question 2] docs routing
i notice in the original example,
when navigate to http://localhost:4000/docs/test2
where /docs/test2 (folder) does not exist

the handler /app/docs/[...slug]/page will NOT be triggered

from my console log, the sequence is

GET /docs/test2 404 in 12ms
----------> app/RootLayout
----------> app/(home)/layout
-----> app/(home)/page

It never calls /app/docs/[...slug]/page. That is strange.

But in my modified version, it calls /app/docs/[...slug]/page (that I assume it is correct handling) however

my console log sequence is
----------> app/RootLayout
-----> app/docs/[...slug]/page
----------> app/docs/layout
GET /zh-TW/docs/test2 404 in 40m

Then gives error described in Question 1

Thanks

[fuma-nama]

May be a Next.js problem, you can try to create a custom not-found.tsx file to see if it fixes the issue

[rjjan]

if you remove
export const dynamicParams = false;
from /app/[lang]/docs/[...slug]/page.tsx

when handling dynamic routing not in source.generateParams()
the error will show up.

seems layered layout cause the trouble ?

[fuma-nama]

Not sure, pretty awkward as it never happened to me