"mounted" remains false after init

On my project after initialization variable mounted remains false until we trigger some rerendering. Because of this clicking to Arrows leads to instant (0s) transition to destination point. Unfortunately I can not reproduce this behavior on demo page (even by adding react-router). I don’t know why mounter remains false… but do we need this || !mounted condition here?

export const innerStyle = ({ translate, dragging, mounted, transition }) => {
  return {
    ...
    transition: `transform ${dragging || !mounted ? '0' : transition}s`
  };
};

Or, another question: There is setMounted function with variable initialized which is used only in this function. What’s the reason of this variable? Also, setMounted is calling in componentDidUpdate only, shouldn’t we call it in componentDidMount too?

My settings

<ScrollMenu
  data={data}
  arrowLeft={<Arrow type="prev" />}
  arrowRight={<Arrow type="next" />}
  onSelect={this.onSelect}
  wheel={false}
  alignCenter={false}
  wrapperClass={style.sliderInner}
  itemClass={style.sliderItem}
/>

[asmyshlyaev177]

Ok, i published new version.

[NeXTs]

Works now. Thanks!