Async initial state?

[Dominik Tarnowski]

Is there any way of setting an initial value that is fetched asynchronously?

[Jamie Kyle]

You could do something along the lines of this:

function useValue(initialState = () => null) {
  let [value, setValue] = useState(null)
  useEffect(() => {
    Promise.resolve(initialState())
      .then(initState => setCount(count))
      .catch(err => ...)
  }, [])
  // ...
  return { value }
}

[Dominik Tarnowski]

Thanks, this worked perfectly 👍

[Les Szklanny]

This tip should be added to the doc

[Jamie Kyle]

I don't want to bloat the documentation too much, these issues are a great place to search for specific use cases

[ardeaf]

Trying to use this pattern, I'm very unfamiliar with custom hooks and a newcomer to the library. Would this result in any race conditions? I keep reading that async stuff in useEffect can result in race conditions.