QueueAnim - Error - Hydration failed because the initial UI does not match what was rendered on the server - nextjs - react 18

[Kihoshi]

React 18

Hitting Error - Hydration failed because the initial UI does not match what was rendered on the server - nextjs - react 18

it throws useLayoutEffect warning in Next.js

    <QueueAnim type="right" duration={500} >
      {afterInputEmail ?<div key="div1"><p>hi</p></div>
                       : <div key="div2">Hi</div>
      }
    </QueueAnim>

one of my finding it's downgrade react to 17.0.2 and problem solved