useLoadingState.ts

import useSimpleState from "./useSimpleState"

type LoadingState = {
  status: "idle" | "loading" | "success" | "error"
  error?: string
}

export default function useLoadingState() {
  const [state, setState] = useSimpleState<LoadingState>({ status: "idle" })

  async function start(fn: () => Promise<void>) {
    setState({ status: "loading", error: undefined })

    try {
      await fn()
      setState({ status: "success" })
    } catch (error) {
      setState({
        status: "error",
        error: error instanceof Error ? error.message : String(error),
      })
    }
  }

  return { ...state, start }
}