"Use the Image component" with astro dev when using react

[thethunderturner]

Astro Info

Astro                    v5.16.6
Node                     v25.2.1
System                   Linux (x64)
Package Manager          unknown (its pacman)
Output                   static
Adapter                  none
Integrations             @astrojs/react

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

Astro dev audit complaining about <Image> component in React

When Im importing or trying to display an image in react with , Astro dev audit tool complains that its inefficient, and that I should use Image component. Why? Im in React. Is it because its not "smart enough" that it cant understand I cant put an Image component there? Is there a way to fix this, or at least make it "not complain"?

What's the expected result?

It shouldnt say anything because I cant import Image component in react, and I cant always convert my react component to an astro component

Link to Minimal Reproducible Example

https://github.com/thethunderturner/astro-img-test

Participation

• I am willing to submit a pull request for this issue.

[Princesseuh]

It is possible to use optimized images in UI frameworks, albeit it is a bit clumsy: https://docs.astro.build/en/guides/images/#images-in-ui-framework-components

It's not really possible to fix this 100%, I'd honestly be okay with removing that audit completely at this point personally, unless a solution can be found.

[rahuld109]

Hey, I'd like to work on this!

Looked into it - the audit lives in packages/astro/src/runtime/client/dev-toolbar/apps/audit/rules/perf.ts.

My idea: check if the <img> is inside an <astro-island> and skip the warning if so. Framework components with client:* directives get wrapped in <astro-island>, so this would catch the main case where you genuinely can't use <Image>.

One caveat - server-only framework components (no client:*) don't get the wrapper, so they'd still see the warning. But as the docs you shared mention, those can receive optimized URLs from Astro, so the warning isn't totally wrong there.

Let me know if this sounds good or if you'd rather just remove the audit.

[Princesseuh]

This works for me as a stop gap solution! Any improvement is better than nothing. Feel free to send a PR, thank you!

[rahuld109]

PR is ready for review; tests added and CI is passing.

[thethunderturner]

Thank you for looking into this!!