Add referrerPolicy option to ReactDOM.preload()

facebook · Jul 11, 2023 · 2e38548 · 2e38548
1 parent 0a36064
commit 2e38548
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 0 deletions.
diff --git a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js
@@ -2284,6 +2284,7 @@ function preloadPropsFromPreloadOptions(
     fetchPriority: options.fetchPriority,
     imageSrcSet: options.imageSrcSet,
     imageSizes: options.imageSizes,
+    referrerPolicy: options.referrerPolicy,
   };
 }
 

diff --git a/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js b/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
@@ -5564,6 +5564,7 @@ function preloadPropsFromPreloadOptions(
     fetchPriority: options.fetchPriority,
     imageSrcSet: options.imageSrcSet,
     imageSizes: options.imageSizes,
+    referrerPolicy: options.referrerPolicy,
   };
 }
 

diff --git a/packages/react-dom/src/__tests__/ReactDOMFloat-test.js b/packages/react-dom/src/__tests__/ReactDOMFloat-test.js
@@ -3585,6 +3585,13 @@ body {
         imageSizes: 'makes no sense',
       });
 
+      ReactDOM.preload('rp', {
+        as: 'image',
+        imageSrcSet: 'rpsrcset',
+        imageSizes: 'rpsizes',
+        referrerPolicy: 'no-referrer',
+      });
+
       if (isClient) {
         // Will key off href in absense of imageSrcSet
         ReactDOM.preload('client', {as: 'image'});
@@ -3634,6 +3641,13 @@ body {
             imagesizes="foosizes"
           />
           <link rel="preload" as="somethingelse" href="bar" />
+          <link
+            rel="preload"
+            as="image"
+            imagesrcset="rpsrcset"
+            imagesizes="rpsizes"
+            referrerpolicy="no-referrer"
+          />
         </head>
         <body>hello</body>
       </html>,
@@ -3653,6 +3667,13 @@ body {
             imagesizes="foosizes"
           />
           <link rel="preload" as="somethingelse" href="bar" />
+          <link
+            rel="preload"
+            as="image"
+            imagesrcset="rpsrcset"
+            imagesizes="rpsizes"
+            referrerpolicy="no-referrer"
+          />
         </head>
         <body>hello</body>
       </html>,
@@ -3672,6 +3693,13 @@ body {
             imagesizes="foosizes"
           />
           <link rel="preload" as="somethingelse" href="bar" />
+          <link
+            rel="preload"
+            as="image"
+            imagesrcset="rpsrcset"
+            imagesizes="rpsizes"
+            referrerpolicy="no-referrer"
+          />
           <link rel="preload" as="image" href="client" />
           <link rel="preload" as="image" imagesrcset="clientset" />
           <link

diff --git a/packages/react-dom/src/shared/ReactDOMTypes.js b/packages/react-dom/src/shared/ReactDOMTypes.js
@@ -18,6 +18,7 @@ export type PreloadOptions = {
   fetchPriority?: 'high' | 'low' | 'auto',
   imageSrcSet?: string,
   imageSizes?: string,
+  referrerPolicy?: string,
 };
 export type PreinitOptions = {
   as: string,