diff --git a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js index f3441a3557e37..62afafe11efcf 100644 --- a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js +++ b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js @@ -2394,6 +2394,7 @@ function stylesheetPropsFromPreinitOptions( href, 'data-precedence': precedence, crossOrigin: options.crossOrigin, + integrity: options.integrity, }; } diff --git a/packages/react-dom/src/__tests__/ReactDOMFloat-test.js b/packages/react-dom/src/__tests__/ReactDOMFloat-test.js index 842b9c4153e2c..b0303165d0dba 100644 --- a/packages/react-dom/src/__tests__/ReactDOMFloat-test.js +++ b/packages/react-dom/src/__tests__/ReactDOMFloat-test.js @@ -4409,6 +4409,71 @@ body { , ); }); + + it('accepts an `integrity` option for `as: "style"`', async () => { + function Component({src, hash}) { + ReactDOM.preinit(src, {as: 'style', integrity: hash}); + return 'hello'; + } + + await act(() => { + renderToPipeableStream( + + + + + , + { + nonce: 'R4nD0m', + }, + ).pipe(writable); + }); + + expect(getMeaningfulChildren(document)).toEqual( + + + + + hello + , + ); + + await clientAct(() => { + ReactDOMClient.hydrateRoot( + document, + + + + + , + ); + }); + + expect(getMeaningfulChildren(document)).toEqual( + + + + + + hello + , + ); + }); }); describe('Stylesheet Resources', () => {