Framer-motion AnimatePresence проблема с макетом

Question

У меня проблема с использованием компонента framer-motion AnimatePresence .

При переключении между слайдами макет слайда на мгновение «сжимается», а затем возвращается к нужным размерам. , После некоторой отладки я почти уверен, что это вызвано тем, что AnimatePresence рендерит оба слайда в течение крошечного момента, однако мне не удалось это исправить.

Вот песочница, демонстрирующая проблему .

Answer 1

Если вы не хотите использовать бета-функцию, вы можете просто указать задержку для варианта выхода.

Также, возможно, вы захотите установить абсолютный слайд.

https://codesandbox.io/s/infallible-ganguly-38mmc

Answer 2

Используя новую бета exitBeforeEnter опору сделали свое дело:

<AnimatePresence exitBeforeEnter>
  ...
</AnimatePresence>