/**
 * This file is copied from the react-navigation repo:
 * https://github.com/react-navigation/react-navigation/blob/%40react-navigation/core%407.1.2/packages/native/src/useThenable.tsx
 *
 * No changes are made except of formatting.
 */

import * as React from 'react'

export function useThenable<T>(create: () => PromiseLike<T>) {
  const [promise] = React.useState(create)

  let initialState: [boolean, T | undefined] = [false, undefined]

  // Check if our thenable is synchronous
  // eslint-disable-next-line promise/catch-or-return, promise/always-return
  promise.then((result) => {
    initialState = [true, result]
  })

  const [state, setState] = React.useState(initialState)
  const [resolved] = state

  React.useEffect(() => {
    let cancelled = false

    const resolve = async () => {
      let result

      try {
        result = await promise
      } finally {
        if (!cancelled) {
          setState([true, result])
        }
      }
    }

    if (!resolved) {
      resolve()
    }

    return () => {
      cancelled = true
    }
  }, [promise, resolved])

  return state
}