I recently upgraded to the latest versions of React and NextJS 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 read a discussion on the GitHub repo (https://github.com/vercel/next.js/issues/65161), 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?
New contributor
Botanico Hub is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.