React useSet hook

useSet.ts

import { uniq, xor } from 'lodash'
import { useMemo, useState } from 'react'

export const useSet = <T>(initial: T[] | (() => T[]) = []) => {
  const [state, setState] = useState(initial)

  return useMemo(
    () => ({
      values: state,
      size: state.length,
      has: (item: T) => state.includes(item),
      set: (items: T[]) => setState(items),
      add: (item: T) => setState(items => uniq([...items, item])),
      delete: (item: T) => setState(items => items.filter(i => i !== item)),
      toggle: (item: T) => setState(items => xor(items, [item])),
      clear: () => setState([]),
    }),
    [state]
  )
}