coffee/hooks/use-stripe.js

import { loadStripe } from '@stripe/stripe-js';

export const useStripe = async ({ lineItems }) => {
  let stripePromise = null;

  const getStripe = () => {
    if (!stripePromise) {
      stripePromise = loadStripe(process.env.NEXT_PUBLIC_API_KEY);
    }
    return stripePromise;
  };

  const stripe = await getStripe();

  await stripe.redirectToCheckout({
    mode: 'payment',
    lineItems,
    successUrl: `${window.location.origin}/review`,
    cancelUrl: `${window.location.origin}/cart`,
  });
};