How we can catch `prefers-reduced-motion` by js

reduced-motion.js

const MEDIA_QUERY = '(prefers-reduced-motion: reduce)';
const CSS_PROPERTY = '--reduced-motion-play-state';
const documentRoot = document.documentElement;

const handleMediaChange = (event) => {
  if (event.matches) {
    documentRoot.style.setProperty(CSS_PROPERTY, 'paused');
  } else {
    documentRoot.style.removeProperty(CSS_PROPERTY);
  }
};

const setReducedMotion = () => {
  const mediaQueryList = window.matchMedia(MEDIA_QUERY);
  handleMediaChange(mediaQueryList);
  mediaQueryList.addEventListener('change', handleMediaChange);
};

export default setReducedMotion;