Add a useSet hook for having Set based state

[aakarshbaiju]

It would be great if there could be a hook for interfacing with the Set object as I can see one already implemented for the Map object. This could be similar to one provided here https://usehooks.com/useset or in this https://stackoverflow.com/questions/58806883/how-to-use-set-with-reacts-usestate.

For context this is the implementation I usually go with but please feel free to add whatever seems best suited to the library.

import { useCallback, useRef, useState } from 'react';

export const useSet = <T>(initialValue?: T[]) => {
    const set = useRef(new Set<T>(initialValue));
    const [_, setRender] = useState(false);

    const add = useCallback(
        (item: T) => {
            if (set.current.has(item)) return;
            setRender((prev) => !prev);
            set.current.add(item);
        },
        [setRender],
    );

    const remove = useCallback(
        (item: T) => {
            if (!set.current.has(item)) return;
            setRender((prev) => !prev);
            set.current.delete(item);
        },
        [setRender],
    );

    const toggle = useCallback(
        (item: T) => {
            setRender((prev) => !prev);
            if (set.current.has(item)) {
                set.current.delete(item);
            } else {
                set.current.add(item);
            }
        },
        [setRender],
    );

    const has = useCallback((item: T) => set.current.has(item), [])

    return { has, values: set.current.values(), size: set.current.size, add, remove, toggle } as const;
};