Comments (1)
Hi @fax1ty --
This doesn't appear to be related to where you call it -- ie, I see the same problem when I do the setTimeout
+ notFound()
inside the Page
component itself.
Can you clarify the real-world use-case a bit more? If you're trying to trigger notFound()
after some async work, you should await that async work and call notFound()
afterwards. For example:
const asyncWork = new Promise((resolve) => {
setTimeout(() => {
resolve();
}, 500);
});
await asyncWork;
notFound();
When you call it inside of a setTimeout
callback, Next.js won't be able to catch & handle the error, because it will happen asynchronously outside the main execution flow of your component. The notFound()
function needs to be called within the lifecycle of a request in a way that Next.js can properly handle and render the appropriate error page.
In your original code, the notFound()
function is being executed inside the setTimeout
callback, which detaches it from the main request lifecycle. Next.js is designed to handle such errors synchronously within the request lifecycle. To fix this, ensure any asynchronous operations are properly awaited and errors like notFound()
are called synchronously after those operations complete.
I'm going to close this as I don't think there's a bug, but please let me know if I'm misunderstanding a use-case that makes the above recommendation not possible.
from next.js.
Related Issues (20)
- Double RSC fetch after server action redirect HOT 1
- Double RSC fetch after server action redirect HOT 2
- Docs: Issue Next 14 generate a localized sitemap HOT 5
- Error: 'No such file or directory' when using `fs.readFileSync`
- create-next-app --empty with src dir and tailwindcss has problem HOT 1
- bug: Next has been hot updated continuously since it started HOT 6
- Unsupported Node.js version! Your version: undefined HOT 2
- SWR and @here/maps-api-for-javascript prod build HOT 9
- Debugging with NODE_OPTIONS='--inspect=0.0.0.0' return error: /usr/bin/node: must be 0 or in range 1024 to 65535.
- CSS pseudo-class `:is` is not compiled correctly in dev mode on 14.2 using turbopack HOT 2
- Docs: Broken link in Docs Contribution Guide HOT 2
- Bug with server action redirect with layout using suspense HOT 1
- Server action redirect does not show content as it streams in if layout uses suspense HOT 1
- provide you with the best experience possible HOT 1
- `useEffect` no longer run twice in React strict mode HOT 2
- Unable to import exports from client component files in non-component files
- with just the click of a button, giving HOT 1
- 100% WORKING***The Ultimate V Bucks Codes Generator 2024-2025: A Complete Review HOT 1
- Dependency Resolution Issue when Installing Shadcn in Next.js 15 HOT 1
- [Local Build] API routes that use `revalidate`cannot be revalidated
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from next.js.