React slick vertical true is not taking initial transform 3d properly for adaptive height.

const settings = {
infinite: true,
speed: 500,
slidesToShow: 4,
slidesToScroll: 1,
vertical:true,
autoplay:false,
verticalSwiping: true,
adaptiveHeight:true,
};
This is the settings I've provided for rendering my components to slide vertically. The adaptive height property is set to true since all the components contains text with different lines and the active slide component has higher font sizes. I'm facing the problem with the first component's render since the transform 3D property given for "slick-track" is not set properly when the first component is active. Kindly help if there's any known solution for this.