Custom Hooks for arrays

CustomArrayHooks.ts

import { useState } from 'react';

type ArrayStateActions<T> = {
  add: (item: T) => void;
  remove: (item: T) => void;
  clear: () => void;
};

const useArrayState = <T>(
  inistialItems: T[],
): [T[], ArrayStateActions<T>] => {
  const [items, setItems] = useState(initialItems);
  
  const add = (item: T) => setItems([...items, item]);
  
  const remove = (item: T) => setItems([...items.filter((i)=> i !== item)]);
  
  const clear = () => setItems([]);
  
  return [items, {add, remove, clear}];
};
  
export default useArrayState;