25 lines
612 B
TypeScript
25 lines
612 B
TypeScript
"use client";
|
|
|
|
import { useSyncExternalStore } from "react";
|
|
|
|
const QUERY = "(prefers-reduced-motion: reduce)";
|
|
|
|
function subscribe(callback: () => void) {
|
|
const mq = window.matchMedia(QUERY);
|
|
mq.addEventListener("change", callback);
|
|
return () => mq.removeEventListener("change", callback);
|
|
}
|
|
|
|
function getSnapshot() {
|
|
return window.matchMedia(QUERY).matches;
|
|
}
|
|
|
|
function getServerSnapshot() {
|
|
return false;
|
|
}
|
|
|
|
/** true, wenn der Nutzer reduzierte Bewegung wünscht (A11y-Gate). */
|
|
export function usePrefersReducedMotion() {
|
|
return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
|
|
}
|