Next.js Discord

Discord Forum

cant render NotFound page.

Answered
shadow posted this in #help-forum
Open in Discord
hey devs im trying to render a not found page using this function notFound() im using it in a middleware
.
├── app/
│   └── not-found.tsx
└── lib/
    └── supabase/
        └── middleware.ts


and the error is being called but im not getting the page rendered

just this error:
Error: NEXT_NOT_FOUND
    at notFound (webpack-internal:///(middleware)/./node_modules/next/dist/esm/client/components/not-found.js:22:19)
    at updateSession (webpack-internal:///(middleware)/./lib/supabase/middleware.ts:66:66)
    at async Object.middleware [as handler] (webpack-internal:///(middleware)/./middleware.ts:9:12)
    at async adapter (webpack-internal:///(middleware)/./node_modules/next/dist/esm/server/web/adapter.js:179:16)
    at async (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\web\sandbox\sandbox.js:110:22)
    at async runWithTaggedErrors (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\web\sandbox\sandbox.js:107:9)
    at async DevServer.runMiddleware (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\next-server.js:1062:24)
    at async DevServer.runMiddleware (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\dev\next-dev-server.js:268:28)
    at async NextNodeServer.handleCatchallMiddlewareRequest (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\next-server.js:324:26)
    at async DevServer.handleRequestImpl (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\base-server.js:822:28)
Answered by joulev
Yes, use middleware to redirect/rewrite to a 404 page
View full answer

3 Replies

@shadow hey devs im trying to render a not found page using this function `notFound()` im using it in a middleware . ├── app/ │ └── not-found.tsx └── lib/ └── supabase/ └── middleware.ts and the error is being called but im not getting the page rendered just this error: Error: NEXT_NOT_FOUND at notFound (webpack-internal:///(middleware)/./node_modules/next/dist/esm/client/components/not-found.js:22:19) at updateSession (webpack-internal:///(middleware)/./lib/supabase/middleware.ts:66:66) at async Object.middleware [as handler] (webpack-internal:///(middleware)/./middleware.ts:9:12) at async adapter (webpack-internal:///(middleware)/./node_modules/next/dist/esm/server/web/adapter.js:179:16) at async (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\web\sandbox\sandbox.js:110:22) at async runWithTaggedErrors (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\web\sandbox\sandbox.js:107:9) at async DevServer.runMiddleware (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\next-server.js:1062:24) at async DevServer.runMiddleware (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\dev\next-dev-server.js:268:28) at async NextNodeServer.handleCatchallMiddlewareRequest (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\next-server.js:324:26) at async DevServer.handleRequestImpl (file://C:\Users\diogo\Desktop\Projetos\memobox\node_modules\next\dist\server\base-server.js:822:28)
notFound cannot be used in middleware
@joulev notFound cannot be used in middleware
so the function cant be called in a middleware but i can redirect to that page right?
Yes, use middleware to redirect/rewrite to a 404 page
Answer