Switch to fetchPriority

datocms · Apr 27, 2023 · e28b1ba · e28b1ba
1 parent cff8d03
commit e28b1ba
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/react-extras.d.ts b/react-extras.d.ts
@@ -1,7 +1,7 @@
-import { AriaAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 
 declare module 'react' {
   interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
-    fetchpriority?: 'auto' | 'low' | 'high';
+    fetchPriority?: 'auto' | 'low' | 'high';
   }
 }
diff --git a/src/Image/index.tsx b/src/Image/index.tsx
@@ -355,10 +355,10 @@ export const Image = forwardRef<HTMLDivElement, ImagePropTypes>(
           ...(layout === 'fill'
             ? absolutePositioning
             : layout === 'intrinsic'
-            ? { position: 'relative', width: '100%', maxWidth: width }
-            : layout === 'fixed'
-            ? { position: 'relative', width }
-            : { position: 'relative', width: '100%' }),
+              ? { position: 'relative', width: '100%', maxWidth: width }
+              : layout === 'fixed'
+                ? { position: 'relative', width }
+                : { position: 'relative', width: '100%' }),
           ...style,
         }}
       >
@@ -375,7 +375,7 @@ export const Image = forwardRef<HTMLDivElement, ImagePropTypes>(
                 alt={data.alt ?? ''}
                 title={data.title ?? undefined}
                 onLoad={handleLoad}
-                fetchpriority={priority ? 'high' : undefined}
+                fetchPriority={priority ? 'high' : undefined}
                 className={pictureClassName}
                 style={{
                   opacity: showImage ? 1 : 0,
@@ -406,7 +406,7 @@ export const Image = forwardRef<HTMLDivElement, ImagePropTypes>(
                   ...pictureStyle,
                 }}
                 loading={lazyLoad ? 'lazy' : undefined}
-                fetchpriority={priority ? 'high' : undefined}
+                fetchPriority={priority ? 'high' : undefined}
               />
             )}
           </picture>