[React] Avoid Too Many Spinners with React SuspenseList’s tail Prop
tail
is a customization prop for SuspenseList
. It works in tandem with revealOrder
and has three options: undefined
, collapsed
, and hidden
.
These options can be used to configure how fallbacks are displayed.
-
undefined
: show allfallbacks
-
hidden
: show nofallbacks
-
collapsed
: show only the nextfallback
Example:
<React.SuspenseList revealOrder="forwards" tail="collapsed"> <React.Suspense fallback={<div>Fetching Pokemon...</div>}> <ErrorBoundary fallback={"Couldn't catch 'em all."}>