Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request]: Provide fallback prop to CheckoutProvider #546

Open
inlet opened this issue Nov 22, 2024 · 0 comments
Open

[Feature Request]: Provide fallback prop to CheckoutProvider #546

inlet opened this issue Nov 22, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@inlet
Copy link

inlet commented Nov 22, 2024

What happened?

The CheckoutProvider is returning null during the prepare phase:

if (!ctx.checkoutSdk) {
return null;
}

Please provide a fallback component to render, example:

export function Checkout({ clientSecret }: { clientSecret: string }) {
  const stripeClient = useStripeClient();

  return (
    <CheckoutProvider
      stripe={stripeClient}
      options={{ clientSecret }}
      fallback={<div>Loading checkout...</div>}
    >
      <CheckoutForm />
    </CheckoutProvider>
  );
}

Thanks in advance!

Environment

No response

Reproduction

No response

@inlet inlet added the bug Something isn't working label Nov 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant