useDeferredValue
useDeferredValue lets a component receive a lagging version of a value so expensive rendering can be deprioritized.
It is useful when the source value is urgent but a consumer is expensive. The consumer may temporarily render using the previous value while React prepares the new one.
Do not use it to hide broken loading logic. The deferred UI should still communicate that it may be showing older data.
Key Takeaways
- Deferred values can decouple urgent input from expensive consumers.
- The deferred value may temporarily lag.
- Use it for responsiveness, not correctness.