Проблема с анимацией компонентов реакции с использованием движения фреймера при изменении состояния

Question

У меня проблемы с анимацией, использующей движение фреймера. Любая помощь будет очень приветствоваться.

Пример песочницы кода

Answer 1

Вы зашли слишком далеко, пытаясь использовать здесь настраиваемые свойства. Простое тернарное условное выражение вanimate сделали свое дело.

Кроме того, у вас была ошибка в вашей функции уменьшения приращения, я тоже ее исправил.

Проверьте мое решение здесь: https://codesandbox.io/s/framer-motion-issue-forked-6no3o?file=/src/App.js