gif included -- InitialSlide not rendering when variableWidth=true

I currently have a slide with the following settings

```
initialSlide: carouselState,
afterChange: (current, next) => setCarouselState(current),
infinite: false,
speed: 350,
slidesToShow: 6,
slidesToScroll: 1,
touchThreshold: 15,
variableWidth: true
```

carouselState is meant to retain the state of the slider when moving between different pages. However, whenever I return to the page containing the slider, even if carouselState is not 0 when the page renders, the carousel will start at zero very momentarily, then switch to carouselState. This only occurs when variableWidth is set to true, which I need for the mobile iteration of my current setup.

Anyone know a fix?