unstable_useReducedMotion
Хук для отслеживания предпочтения пользователя в уменьшении анимации.
Возвращаемое значение
Возвращает true, если пользователь предпочитает уменьшенную анимацию,
false - если нет, и undefined во время серверного рендеринга или во время
первого рендеринга на клиенте.
Пример использования
const App = () => {
const reducedMotion = useReducedMotion();
return (
<Icon24Spinner>
{reducedMotion === false && (
<animateTransform
attributeType="XML"
attributeName="transform"
type="rotate"
from={`0 12 12`}
to={`360 12 12`}
dur="0.7s"
repeatCount="indefinite"
/>
)}
</Icon24Spinner>
);
};