Skip to content

opacity value stays as 0 in light mode on production build (works find in dev) Gatsby / MUI based project #24

@kirill-develops

Description

@kirill-develops

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"
/>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions