How do I get a toast notification when a item is added to cart in react JS

See more:

React

ReactJS

Hi,

I'm making a demo game store app using React JS, and when I add a game to my cart, I want a toast notification popping up saying, 'A new game has been added to cart' or something.

So I installed <pre lang="Javascript">react-toastify and in my addToCart function, after all the lines of other code, I put:

toast("A new game has been added to your cart");

And I clicked on the add to cart button and it didn't give me a toast notification at all. This is my repository on GitHub. The problem is on Products.jsx. Here's the code where I'm stuck:

const addToCart = (product) => {
    let newCart = [...cart];
    let itemInCart = newCart.find((item) => product.name === item.name);

    if (itemInCart) {
      itemInCart.quantity++;
    } else {
      itemInCart = {
        ...product,
        quantity: 1,
      };
      newCart.push(itemInCart);
    }

    setCart(newCart);
    toast("A new game has been added to your cart");
  };

I'm calling it here:

return (
    <>
      <h1>Home</h1>
      <div className="idk">
        <ul className="flex cards">
          {products.map((product, index) => (
            <li key={index}>
              <h2>{product.name}</h2>
              <div className="space3"></div>
              <img src={product.image} alt={product.name} />
              <div className="space"></div>
              <div className="thiscard">
                <button onClick={() => (window.location.href = product.link)}>
                  Buy
                </button>
              </div>
              <h4>${product.cost}</h4>
              <div className="cart-container">
                <div className="space2"></div>
                <div className="anotheridk">
                  <a className="cart" onClick={() => addToCart(product)}>
                    <FaCartPlus />
                  </a>
                </div>
              </div>
            </li>
          ))}
        </ul>
      </div>
    </>
  );

Please help, thank you!

What I have tried:

I've tried re-looking my code and it doesn't help.