[react-dom] Support fetchPriority for preload and preinit

eps1lon · eps1lon · commit 603e7e00fe90 · 2023-06-10T11:19:37.000+02:00
diff --git a/types/react-dom/canary.d.ts b/types/react-dom/canary.d.ts
@@ -36,6 +36,7 @@ declare module '.' {
     interface PreloadOptions {
         as: PreloadAs;
         crossOrigin?: string | undefined;
+        fetchPriority?: 'high' | 'low' | 'auto';
         integrity?: string | undefined;
     }
     function preload(href: string, options?: PreloadOptions): void;
@@ -44,9 +45,10 @@ declare module '.' {
     interface PreinitOptions {
         as: PreinitAs;
         crossOrigin?: string | undefined;
-        precedence?: string | undefined;
+        fetchPriority?: 'high' | 'low' | 'auto';
         integrity?: string | undefined;
         nonce?: string | undefined;
+        precedence?: string | undefined;
     }
     function preinit(href: string, options?: PreinitOptions): void;
 }
diff --git a/types/react-dom/test/canary-tests.tsx b/types/react-dom/test/canary-tests.tsx
@@ -14,6 +14,14 @@ function preloadTest() {
             // @ts-expect-error -- Only allowed in preinit
             nonce: '0xeac1',
         });
+        ReactDOM.preload('foo', { as: 'style', fetchPriority: 'auto' });
+        ReactDOM.preload('foo', { as: 'style', fetchPriority: 'high' });
+        ReactDOM.preload('foo', { as: 'style', fetchPriority: 'low' });
+        ReactDOM.preload('foo', {
+            as: 'style',
+            // @ts-expect-error
+            fetchPriority: 'unknown',
+        });
 
         ReactDOM.preinit('foo', {
             as: 'style',
@@ -36,5 +44,13 @@ function preloadTest() {
             as: 'script',
             nonce: '0xeac1',
         });
+        ReactDOM.preinit('foo', { as: 'style', fetchPriority: 'auto' });
+        ReactDOM.preinit('foo', { as: 'style', fetchPriority: 'high' });
+        ReactDOM.preinit('foo', { as: 'style', fetchPriority: 'low' });
+        ReactDOM.preinit('foo', {
+            as: 'style',
+            // @ts-expect-error
+            fetchPriority: 'unknown',
+        });
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -36,6 +36,7 @@ declare module '.' {`
`36`	`36`	`interface PreloadOptions {`
`37`	`37`	`as: PreloadAs;`
`38`	`38`	`crossOrigin?: string \| undefined;`
	`39`	`+ fetchPriority?: 'high' \| 'low' \| 'auto';`
`39`	`40`	`integrity?: string \| undefined;`
`40`	`41`	`}`
`41`	`42`	`function preload(href: string, options?: PreloadOptions): void;`
`@@ -44,9 +45,10 @@ declare module '.' {`
`44`	`45`	`interface PreinitOptions {`
`45`	`46`	`as: PreinitAs;`
`46`	`47`	`crossOrigin?: string \| undefined;`
`47`		`- precedence?: string \| undefined;`
	`48`	`+ fetchPriority?: 'high' \| 'low' \| 'auto';`
`48`	`49`	`integrity?: string \| undefined;`
`49`	`50`	`nonce?: string \| undefined;`
	`51`	`+ precedence?: string \| undefined;`
`50`	`52`	`}`
`51`	`53`	`function preinit(href: string, options?: PreinitOptions): void;`
`52`	`54`	`}`