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

React hooks done right, for browser and SSR.

import { useRef } from 'react';
import { useRerender } from '..';
const proto = Set.prototype;
/**
 * Tracks the state of a `Set`.
 *
 * @param values Initial values iterator for underlying `Set` constructor.
 */
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function useSet(values) {
    const setRef = useRef();
    const rerender = useRerender();
    if (!setRef.current) {
        const set = new Set(values);
        setRef.current = set;
        set.add = (...args) => {
            proto.add.apply(set, args);
            rerender();
            return set;
        };
        set.clear = (...args) => {
            proto.clear.apply(set, args);
            rerender();
        };
        set.delete = (...args) => {
            const res = proto.delete.apply(set, args);
            rerender();
            return res;
        };
    }
    return setRef.current;
}