TransitionablePortal causes hydration issue with React 18

[varand-pez]

Bug Report

I upgraded to react 18 and while everything was smooth TransitionablePortal is causing hydration issue. I remove that from the code, it goes away.

Steps

Dont have live sample but here is how my code look like:

<TransitionablePortal
      open={show}
      closeOnDocumentClick={false}
      closeOnEscape={false}
      transition={{ animation: "fly up", duration: DURATION }}
    >
      <Segment raised>
      --- SOME CODE HERE ---
  </Segment>
</TransitionablePortal>

Version

2.1.3

[welcome[bot]]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.