next/image generates invalid html tag (empty alt attribute)

What version of Next.js are you using?

11.0.1

What version of Node.js are you using?

15.7.0

What browser are you using?

safari

What operating system are you using?

macOS

How are you deploying your application?

other

Describe the Bug

As I see, next/image generates some divs with image inside it. I don’t know the exact reason for that, but this additional image has empty alt attribute which prevent site from being passed html validator.

Expected Behavior

To pass validation

To Reproduce

import Image from 'next/image';

<Image
	{...rest}
	src={(imgSrc as StaticImageData) || fallback}
	alt={alt}
	unoptimized
	className={className}
	onError={() => {
		setImgSrc(fallback);
	}}
/>
`

[styfle]

Agreed, the issue is the role 👍

See PR #27767 for the fix, thanks!

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.