interface UseArrayReturns<T> {
   value: T[],
   clear: () => void,
   removeIndex: (index: number) => void,
   add: (person: T) => void
}
export const useArray = <T>(arr: T[]): UseArrayReturns<T> => {

  const [array, setArray] = useState(arr)
  const newArray = [...array]

  const clear = () => setArray([])
  const removeIndex = (index: number) => {
      newArray.splice(index, 1)
      setArray(newArray)
  }
  const add = (person: T) => {
      newArray.push(person)
      setArray(newArray)
  }
  return {
      value: array,
      clear,
      removeIndex,
      add
  }
}