What is the relationship between Suspense and startTransition

[alvarlagerlof]

There have been lots of great content showcasing new apis in isolation, but I'm wondering how these two work together or not.

Is either dependent on the other and if so in what way?

This post makes it seem like startTransition is only usable inside Suspense.

[acdlite]

They are independently useful features, but they are designed to work together.

The main way they interact is when you load new data into a page that already loaded. Like a pull to refresh interaction, or loading fresh data after a form submission / mutation. We tend to call these "refresh transitions" as opposed to "load transitions".

If you don't use startTransition when the page re-suspends during a refresh, React will replace the stale content with a placeholder. However, by wrapping the update with startTransition, you're telling React that it's OK to wait until the updated data has resolved.

[alvarlagerlof]

Thanks! I think this answers my questions.