@wojtekmaj/react-hooks/src/usePrefersReducedMotion.ts

A collection of React Hooks.

import useMatchMedia from './useMatchMedia.js';

/**
 * Returns a flag which determines if the document matches `(prefers-reduced-motion: reduce)` media
 * feature.
 *
 * @returns {boolean} Whether the document matches `(prefers-reduced-motion: reduce)` media feature
 */
export default function usePrefersReducedMotion(): boolean | null {
  return useMatchMedia('(prefers-reduced-motion: reduce)');
}