wrong height on month transitions about react-dates

[romakh-i]

@Karine91

I have investigated this issue and found that the problem is with duplicate subscription for transitionend event.
Using React v17 - everything works fine, but using React v18 - it is broken, that's why in storybook there is no such issue.

So to workaround this you can downgrade to React v17, either set prop transitionDuration={0} or add this piece of code, which will prevent firing event twice:

useEffect(() => {
  const grid = document.getElementsByClassName('CalendarMonthGrid')[0];

  if (grid) {
    grid.ontransitionend = (e) => {
      e.stopPropagation();
    };
  }
}, [focusedInput]);

[ScavengerRat]

Same problem with React v18.2.0.
@romakh-i, both solutions works for me.

[Karine91]

@romakh-i Thanks