@react-hookz/web/esnext/useVibrate/useVibrate.js

React hooks done right, for browser and SSR.

import { useEffect } from 'react';
import { isBrowser, noop } from "../util/const.js";
/**
 * Provides vibration feedback using the Vibration API.
 *
 * @param enabled Whether to perform vibration or not.
 * @param pattern VibrationPattern passed down to `navigator.vibrate`.
 * @param loop If true - vibration will be looped using `setInterval`.
 */
export const useVibrate = !isBrowser || typeof navigator.vibrate === 'undefined'
    ? noop
    : function useVibrate(enabled, pattern, loop) {
        useEffect(() => {
            let interval;
            if (enabled) {
                navigator.vibrate(pattern);
                if (loop) {
                    interval = setInterval(() => {
                        navigator.vibrate(pattern);
                    }, Array.isArray(pattern) ? pattern.reduce((a, n) => a + n, 0) : pattern);
                }
                return () => {
                    navigator.vibrate(0);
                    if (interval) {
                        clearInterval(interval);
                    }
                };
            }
        }, [loop, pattern, enabled]);
    };