Warning: Image elements must have an alt prop, either with meaningful text, or an empty string for decorative images. jsx-a11y/alt-text
Can I skip/disable ESLint rule for this exact image in component?
<Image className="rounded-md" {...props} />
#Skip ESLint rule in specific part of the component
strong rose
tidal dove
Yes, you can disable a specific eslint rule by editing your eslintrc.json file.
Copy the name of the category of the warning/error you want to disable (i.e. when you run npm run lint), like so:
{
"env": { "browser": true, "node": true, "es6": true },
"extends": ["eslint:recommended", "next", "next/core-web-vitals"],
"rules": {
"@next/next/no-img-element": "off",
"no-unused-vars": "off",
"react-hooks/exhaustive-deps": "off"
}
}