Warning: "React does not recognize the `fetchPriority` prop on a DOM element."

Question

I recently upgraded to the latest versions of React and Next.js and am getting the following error:

Warning: React does not recognize the `fetchPriority` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `fetchpriority` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    at img
    at eval (webpack-internal:///./node_modules/next/dist/client/image-component.js:136:11)
    at eval (webpack-internal:///./node_modules/next/dist/client/image-component.js:245:47)
    at a
    at LinkComponent (webpack-internal:///./node_modules/next/dist/client/link.js:110:19)

I've read an issue on the GitHub repo, but the only solution appeared to be installing the canary version which I'd prefer not to do in production.

What would be a good way to get rid of this issue without upgrading to the canary build?

Answer 1

You could just rollback React version to 18.2.0. However, you could also try upgrading to React 19, possibly that error message is removed there.

GitHub discussion regarding this fetchPriority error

UPDATE: This issue has been fixed by upgrading from [email protected] to [email protected]