useReducedMotion

React Hook that tracks motion preference.

Usage

import { useReducedMotion } from "@reactuses/core";

const Demo = () => {
  const motion = useReducedMotion(false);

  return <div>ReducedMotion: {JSON.stringify(motion)}</div>;
};

The defaultState? parameter must be set when using server side rendering, we need it to keep consistency in client side and server side.

Example

ReducedMotion: false

Type Declarations

export default function useReducedMotion(defaultState?: boolean): boolean