I have a Gatsby / MUI-based project running here that for some reason in light mode doesn't change the opacity:0 to opacity:1. It does work correctly in dark mode. The repo can be found here
I'm using mui-image and my component looks like this:
<Image
src={data?.flags?.svg}
alt={`${data?.name?.common} flag`}
sx={{ aspectRatio: '7/4' }}
loading="lazy"
fit="cover"
/>
I have a Gatsby / MUI-based project running here that for some reason in light mode doesn't change the
opacity:0toopacity:1. It does work correctly in dark mode. The repo can be found hereI'm using mui-image and my component looks like this: