useAsyncEffect

1'use client'
2 
3import * as React from 'react'
4 
5export function useAsyncEffect(
6  effect: () => Promise<void | (() => Promise<void> | void)>,
7  deps: React.DependencyList = [],
8) {
9  const destroyRef = React.useRef<void | (() => Promise<void> | void) | undefined>(undefined)
10 
11  const effectEvent = React.useEffectEvent(effect)
12 
13  React.useEffect(() => {
14    const e = effectEvent()
15 
16    async function execute() {
17      destroyRef.current = await e
18    }
19 
20    execute()
21 
22    return () => {
23      if (typeof destroyRef.current === 'function')
24        destroyRef.current()
25    }
26  // eslint-disable-next-line react-hooks/exhaustive-deps
27  }, deps)
28}