Skip to content

Commit 8e41e32

Browse files
authored
Inline stylesheets are not Suspensey yet (#7378)
1 parent 03e74dd commit 8e41e32

File tree

1 file changed

+5
-1
lines changed
  • src/content/reference/react-dom/components

1 file changed

+5
-1
lines changed

src/content/reference/react-dom/components/style.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,11 @@ This special treatment comes with two caveats:
6262

6363
If a component depends on certain CSS styles in order to be displayed correctly, you can render an inline stylesheet within the component.
6464

65-
If you supply an `href` and `precedence` prop, your component will suspend while the stylesheet is loading. (Even with inline stylesheets, there may be a loading time due to fonts and images that the stylesheet refers to.) The `href` prop should uniquely identify the stylesheet, because React will de-duplicate stylesheets that have the same `href`.
65+
The `href` prop should uniquely identify the stylesheet, because React will de-duplicate stylesheets that have the same `href`.
66+
If you supply a `precedence` prop, React will reorder inline stylesheets based on the order these values appear in the component tree.
67+
68+
Inline stylesheets will not trigger Suspense boundaries while they're loading.
69+
Even if they load async resources like fonts or images.
6670

6771
<SandpackWithHTMLOutput>
6872

0 commit comments

Comments
 (0)