After rewriting the img components, each rolling of the page will cause Image to reload, and the page flickering

[QiaoLi1996]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and discussions and couldn’t find anything (or linked relevant results below)

Affected package

"react-markdown": "^9.0.1", "next": "15.0.4-canary.31",

Steps to reproduce

I need to add attributes Crossorigin = "Anonymous" to support the cross -domain of image resources. I did not find a good method, so I rewritten IMG components. As shown below:

 components={{
                img({ src, alt }) {
                    return <img src={src} alt={alt} crossOrigin="anonymous" />
                },
            }}

Then the error happened

Actual behavior

Each rolling of the page will cause Image to reload, and the page flickering.
But the default behavior is normal, remove the iMage rewriting code to return to normal.

Expected behavior

After rewriting the img components, each rolling of the page not reload the image

Runtime

No response

Package manager

No response

Operating system

No response

Build and bundle tools

No response

[remcohaszing]

You should define the img component outside of any other components

[github-actions]

Hi! This was closed. Team: If this was fixed, please add phase/solved. Otherwise, please add one of the no/* labels.

[github-actions]

Hi! Thanks for reaching out! Because we treat issues as our backlog, we close issues that are questions since they don’t represent a task to be completed.

See our support docs for how and where to ask questions.

Thanks,
— bb