React hook for asynchronous state

useAsyncMemo.ts

import { useEffect, useState } from 'react'

import type { DependencyList } from 'react'

export const useAsyncMemo = <T>(
    factory: () => Promise<T>,
    deps: DependencyList,
    initialState: T
) => {
    const [state, setState] = useState<T>(initialState)
    useEffect(() => {
        let cancel = false
        factory().then((value) => {
            if (!cancel) setState(value)
        })
        return () => {
            cancel = true
        }
    }, deps)
    return state
}