useArrayState React Hook w/ Typescript Support

useArrayState.ts

const useArrayState = <T>(initialState: T[] = []) => {
  const [state, setState] = useState<T[]>(initialState);

  const add = (newValue: T) => {
    setState((currentState) => [...currentState, newValue]);
  };

  const remove = (index: number) => {
    setState((currentState) => {
      const newState = [...currentState];
      newState.splice(index, 1);
      return newState;
    });
  };

  return [state, { add, remove }] as const;
};