Async initial state? about unstated-next HOT 5 CLOSED

This tip should be added to the doc

from unstated-next.

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

from unstated-next.

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 }
}

from unstated-next.

Thanks, this worked perfectly 👍

from unstated-next.

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.

from unstated-next.