DEV Community

Discussion on: React-toastify v8 is live

Collapse
 
optimbro profile image
Rahul
  useEffect(() => {
    const fetchUsers = async () => {
      const fetchUrl = fetch(url);
      toast.promise(fetchUrl, {
        pending: 'Fetching data',
        success: 'Fetched data successfully 👌',
        error: 'Something went wrong 🤯',
      });
      const response = await fetchUrl;
      const usersData = await response.json();
      setUsers(usersData);
    };

    fetchUsers();
  }, []);
Enter fullscreen mode Exit fullscreen mode

So I achived working with promise with async await, I hope its good.

Collapse
 
fkhadra profile image
Fadi Khadra

Hey @optimbro actually, toast.promise return the provided promise. So you can await it directly. You can check this example codesandbox.io/s/inspiring-forest-...