Comments (4)
@lovizotto Could you clarify the steps to reproduce? Ideally with a fork of the examples, concrete steps to reproduce, expected and actual behavior.
from react.
@lovizotto Yeah. The suspense fallback is not being displayed. @eps1lon I think the documentation itself as exposed by @lovizotto is a good example.
from react.
That is the intended behavior though. This is explained in the deep dive section:
In the background, React tries to re-render with both query and deferredQuery updated to "ab". If this re-render completes, React will show it on the screen. However, if it suspends (the results for "ab" have not loaded yet), React will abandon this rendering attempt, and retry this re-render again after the data has loaded. The user will keep seeing the stale deferred value until the data is ready.
I emphasized the important bit that the user keeps seeing stale data instead of the Suspense fallback.
The Suspense docs also say this:
If Suspense was displaying content for the tree, but then it suspended again, the fallback will be shown again unless the update causing it was caused by startTransition or useDeferredValue.
Since the update was caused by useDeferredValue
, we don't display the fallback again.
Did you assume that a suspended component implies that a Suspense fallback is shown?
from react.
Yeah as @eps1lon said, this it expected, and one of the main features of useDeferredValue
. If you wanted to force the fallback (not recommended) you wouldn't use useDeferredValue
from react.
Related Issues (20)
- [DevTools Bug]: Null destructuring error inspecting a component with `useFormStatus` HOT 1
- [compiler] Combine class component and function component or only class component HOT 3
- Bug: Hydration fails when async script is located outside head tag HOT 6
- [React 19]
- Bug: onSelect does not fire when contentEditable is set to "plaintext-only" HOT 1
- [React 19]
- Unable to select color using voice access commands. HOT 1
- Bug: Updater function of set state in promise.then clause of useEffect are called twice and replacing state before promise.then doesn't work as expected. HOT 4
- [Compiler Bug]: Mutating a ref passed as argument from a hook warns HOT 2
- [React 19]
- Bug: Changes to marker references post-render are not updating in Safari
- [React 19] useSyncExternalStore shim might break HOT 8
- [React 19] `use` is significantly slower in some scenarios than throwing a Promise HOT 10
- Bug: useState is not getting updated inside Event Listener (Webrtc DataChannel). HOT 2
- [React 19] Controlled number input does not update defaultValue when value prop has changed HOT 4
- Bug: onPointerDown not called when rendered in 'display: contents' root HOT 4
- [Compiler Bug]: Compiler incorrectly removes memoization of an expensive operation in useMemo HOT 3
- [DevTools Bug]: Open in editor , Path not found error HOT 2
- Bug: Ref is set after componentDidMount (when mixing Class and Functional components) HOT 3
- [React 19] Disabling prerendering siblings of suspended components breaking common pattern HOT 16
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 react.