useArray.ts

import { useState } from 'react'

type FilterFunction<T> = (item: T) => boolean

export function useArray<T>() {
   const [data, setData] = useState<Array<T>>([])

   function push(value: T): void {
      setData((prev) => [...prev, value])
   }

   function set(data: Array<T>): void {
      setData(data)
   }

   function clear(): void {
      setData([])
   }

   function filter(f: FilterFunction<T>): void {
      setData((prev) => prev.filter(f))
   }

   function update(index: number, newValue: T): void {
      setData((prev) => [
         ...prev.slice(0, index),
         newValue,
         ...prev.slice(index + 1, prev.length - 1),
      ])
   }

   function remove(index: number): void {
      setData((prev) => [
         ...prev.slice(0, index),
         ...prev.slice(index + 1, prev.length - 1),
      ])
   }

   return {
      data,
      push,
      set,
      clear,
      filter,
      update,
      remove,
   }
}