useUniqueArray hook

useUniqueArray.js

import { useCallback, useState } from 'react';

/**
 * Хук для хранения уникального набора элементов в массиве.
 * Возвращает массив и функцию переключения элемента.
 */
export default (initialValue = []) => {
    const [items, setItems] = useState(initialValue);
    const toggle = useCallback(
        (item, force = null) => {
            const hasItem = items.includes(item);
            if (hasItem && (force === false || force === null)) {
                setItems(items.filter((value) => value !== item));
            } else if (!hasItem && (force === true || force === null)) {
                setItems([...items, item]);
            }
        },
        [items]
    );
    return [items, toggle];
};