framer-motionを使用すると、custom小道具に渡したオブジェクトをmotion.divバリアントに更新しても、期待されるスタイルの変更がトリガーされないという問題があります。
この問題を実証するために、次のサンドボックスを作成しました。
https://codesandbox.io/s/framer-motion-stale-custom-fibp5?file=/src/App.js
私の期待は、テーマを切り替えると、サークルのオン/オフの色が新しいテーマに基づいてすぐに変更されることです。(黒/白からダークブルー/イエロー、またはその逆)。
ただし、テーマの変更は、アニメーションの値が変更された場合にのみ適用されます (ステータスが「オン」から「オフ」に変更されるなど)。そのため、テーマを切り替えると、「古い」テーマの値が表示されます。状態 (オン/オフ)。
どんな助けでも大歓迎です。