IntegrationError from Stripe when using redirectToCheckout

version: “3.0.0-beta.2”

What is the issue?

when I use redirectToCheckout, it would throw this error

My Code

  ...
  // use-shopping-cart hook
  const {
    totalPrice,
    cartCount,
    clearCart,
    cartDetails,
    redirectToCheckout,
    addItem,
    removeItem,
  } = useShoppingCart();

  // Detect if the cart is empty
  useEffect(() => {
    setCartEmpty(!cartCount);
  }, [cartCount]);

  const handleCheckout: React.FormEventHandler<HTMLFormElement> = async (event) => {
    event.preventDefault();
    setLoading(true);

    const response = await fetchPostJSON('/api/checkout_sessions/cart', cartDetails);

    if (response.statusCode === 500) {
      console.error(response.message);
      return;
    }

    console.log(response);

    redirectToCheckout({ sessionId: response.id });  // <- this is the line that throws the error
  };
 ...

[andria-dev]

Oh okay, my bad. If you could create a GitHub Release with a list of all the changes to the React API for the beta version it would help people checking out the beta version by letting them know what’s going on @dayhaysoos.

[andria-dev]

@dayhaysoos We should definitely add a warning when stripe is not of type string that tells them that use-shopping-cart will takes the public API key itself and will do the loading of Stripe.