How to hide carousel untill all the iumages are loaded?

Hi,
I'm trying to hide the carousel until it load all the images. I noticed in Slick js has .slick-initialized class and its not working in react-slick. I have tried adding visibility: hidden to my carousel wrapper and then .slick-initialized { visibility: visible; }. But seems like slick-initialized is not working as it works with Slick js.
Can anyone help me with this?