fix: pass fetchPriority to img element instead of wrapper div

src/Image.tsx

@@ -173,6 +173,15 @@ const ImageInternal: CompoundedComponent<ImageProps> = props => {
     COMMON_PROPS.map(prop => props[prop]),
   );
 
+  // Filter out img-specific props from wrapper div props
+  const wrapperProps = useMemo(() => {
+    const obj = { ...otherProps };
+    COMMON_PROPS.forEach((prop: any) => {
+      delete obj[prop];
+    });
+    return obj;
+  }, [otherProps]);
+
   // ========================== Register ==========================
   const registerData: ImageElementProps = useMemo(
     () => ({
@@ -207,7 +216,7 @@ const ImageInternal: CompoundedComponent<ImageProps> = props => {
   return (
     <>
       <div
-        {...otherProps}
+        {...wrapperProps}
         className={clsx(prefixCls, rootClassName, classNames.root, {
           [`${prefixCls}-error`]: status === 'error',
         })}

src/common.ts

@@ -10,4 +10,5 @@ export const COMMON_PROPS: (keyof Omit<ImageElementProps, 'src'>)[] = [
   'srcSet',
   'useMap',
   'alt',
+  'fetchPriority',
 ];

src/interface.ts

@@ -13,6 +13,7 @@ export type ImageElementProps = Pick<
   | 'srcSet'
   | 'useMap'
   | 'alt'
+  | 'fetchPriority'
 >;
 
 export type PreviewImageElementProps = {

tests/basic.test.tsx

@@ -51,6 +51,19 @@ describe('Basic', () => {
     expect(onClickMock).toHaveBeenCalledTimes(1);
   });
 
+  it('fetchPriority should be passed to img element', () => {
+    const { container } = render(
+      <Image
+        src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+        fetchPriority="high"
+      />,
+    );
+    const img = container.querySelector('img');
+    const wrapper = container.querySelector('.rc-image');
+    expect(img).toHaveAttribute('fetchpriority', 'high');
+    expect(wrapper).not.toHaveAttribute('fetchpriority');
+  });
+
   it('className and style props should work on img element', () => {
     const { container } = render(
       <Image