Great article!
I must say the functionality for prefers-reduced-motion is rather limited with the MotionConfig wrapper.
From the docs
When motion is reduced, transform and layout animations will be disabled. Other animations, like opacity and backgroundColor, will persist.
This is a rather lazy handed approach. They could've reduced the transition duration to 0.1 or even 0 but kept the transforms. Removing the transforms altogether is not intutive.
Also the way to make it re-render is to pass the state as a key prop to motion config which does seem a bit hacky and unreliable.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Great article!
I must say the functionality for prefers-reduced-motion is rather limited with the MotionConfig wrapper.
From the docs
This is a rather lazy handed approach. They could've reduced the transition duration to 0.1 or even 0 but kept the transforms. Removing the transforms altogether is not intutive.
Also the way to make it re-render is to pass the state as a key prop to motion config which does seem a bit hacky and unreliable.