Skip to content

Using next/image adds blurwidth and blurheight attributes  #56511

@okonet

Description

@okonet

Link to the code that reproduces this issue

https://codesandbox.io/p/sandbox/zen-surf-33vcdj?file=%2Fpages%2Findex.tsx%3A2%2C46

To Reproduce

  1. Open code sandbox
  2. Check out the DOM and find the img element.
  3. See how it has unsupported attributes
  4. Check out build console where React is warning about it
CleanShot 2023-10-06 at 10 53 03@2x

Current vs. Expected behavior

There should be no unsupported attributes added to the IMG tag

Verify canary release

  • I verified that the issue exists in the latest Next.js canary release

Provide environment information

Whatever CodeSandbox uses. I'm on Mac M1 but it doesn't matter since it's not related to the environment but React code.

Which area(s) are affected? (Select all that apply)

Image optimization (next/image, next/legacy/image)

Additional context

It's been around since next@12 initial next/image I believe.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Image (next/image)Related to Next.js Image Optimization.bugIssue was opened via the bug report template.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions