Mui styled

[bsor-dev]

Is this possible to styled using mui? Can't make it work

styled(ReactImageGallery)(({}) => ({
    '& .image-gallery-thumbnail': {
      background: 'red !important',
    },
}));

[cjsewell]

I was able to make styled with... I assume because react-image-gallery is not forwarding an html element ref.

However, I did get it working by wrapping it in a Box

<Box
    sx={(theme) => ({
        '& .image-gallery-thumbnail': {
            background: theme.palette.primary.main,
        },
    })}
>
    <ReactImageGallery thumbnailPosition="right" infinite={false} showPlayButton={false} lazyLoad={true} {...props} />
</Box>