[BUG] AnimatePresence doesn't start enter animation for new element

1. Read the FAQs 👇

2. Describe the bug
When using AnimatePresence, the old component unmounts, but the new one never moves out of the transition state, it keeps its opacity of 0. After editing and react performing a hot reload, for some reason the content appears as it should.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://stackblitz.com/edit/vite-react-ts-et84nk?file=src%2FOnboarding.tsx

This is a stackblitz sandbox of the issue being reproducable.
4. Steps to reproduce

Steps to reproduce the behavior:

1. Go to the stackblitz sandbox
2. Click on the right button (start onboarding)

5. Expected behavior

You should now see the old content ("Welcome to my company....") transition away to the left and the new content ("Hello world") should transition in from the right

6. Video or screenshots

If applicable, add a video or screenshots to help explain the bug.

7. Environment details
MacOS Ventura 13.4, Brave 1.52.130
If applicable, let us know which OS, browser, browser version etc you're using.

Start with the linked StackBlitz reproduction and inspect src/Onboarding.tsx, then trace how AnimatePresence handles the old and new content when the right button is clicked. Confirm the fix by reproducing the transition so the old content exits left and the new content enters from the right instead of remaining at opacity 0.