usePromise

1'use client'
2 
3import * as React from 'react'
4import { useIsomorphicEffect } from './use-isomorphic-effect'
5 
6export function usePromise<T>(promiseFn: () => Promise<T>): T | undefined
7export function usePromise<T, D>(promiseFn: () => Promise<T>, initialData: D): T | D
8export function usePromise<T, D>(
9  promiseFn: () => Promise<T>,
10  initialData?: D,
11) {
12  const [data, setData] = React.useState<T | D | undefined>(initialData)
13 
14  useIsomorphicEffect(() => {
15    promiseFn().then(setData)
16  }, [])
17 
18  return data
19}