React.useEffect(() => {
  doSomeAsyncThing().then(result => {
    console.log(result)
    // do something with the result
  })
})

React.useEffect(() => {
    if (pokemonName === '') {
      return
    } else {
      // this resets the result to show the loading/no pokemon value after consecutive searches
      setState({
        status: 'idle',
        pokemon: null,
        error: null,
      });

      fetchPokemon(pokemonName)
        .then(pokemonData => {
          setState(
            {
              status: 'resolved',
              pokemon: pokemonData,
              error: null
            }
          )
        })
        .catch(error => setState(
          {
            status: 'rejected',
            pokemon: null,
            error: error,
          }
        )
      )
    }
  }, [pokemonName])