Update dependency @stripe/react-stripe-js to v5

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@stripe/react-stripe-js	^3.7.0 -> ^5.0.0

---

Release Notes

stripe/react-stripe-js (@​stripe/react-stripe-js)

v5.3.0

Compare Source

New features

• Add Issuing disclosure React component (#​633)

Fixes

• Add onChange to Shipping and Billing Address Element (#​637)

Changed

• [EwCS]: Update storybook with loadActionsResult (#​632)

v5.2.0

Compare Source

• v5.1.0
• Add Financial Account for Platforms disclosure React component (#​630)

New features

Fixes

Changed

v5.0.0

Compare Source

Stripe.js Clover changelog: https://docs.stripe.com/changelog?category=stripejs

Fixes

• export StripeCheckoutValue from checkout entrypoint #​625 (#​625)

Changed

• Remove Clover element types (#​626)
• [breaking] Update CheckoutProvider to use new shape (#​615)
• [EwCS] update storybook example to v4 (#​622)

v4.0.2

Compare Source

Changed

• Add release candidate logic to publish script (#​618)

v4.0.1

Compare Source

Fixes

• Fix Shipping/BillingAddressElement Render (#​616)

Changed

• Bump sha.js from 2.4.11 to 2.4.12 (#​610)
• Bump cipher-base from 1.0.4 to 1.0.6 (#​614)

v4.0.0

Compare Source

Changed

• [breaking] split out custom checkout imports (#​609)
• Update useCheckout to return loading/error states (#​606)

Upgrade guidance

Import changes

Checkout paths changed:
Note: this only applies to Elements with Checkout Sessions API integrations.

import {useCheckout, PaymentElement} from '@​stripe/react-stripe-js';

to

import {useCheckout, PaymentElement} from '@​stripe/react-stripe-js/checkout';

useCheckout changes

Previously:

• CheckoutProvider renders children if initCheckout succeeded, and null otherwise.
• useCheckout() returns the SDK if initCheckout succeeded, and throws an error otherwise.

Now (>= v4.0.0):

• CheckoutProvider renders children unconditionally.
• useCheckout() returns a disjoint union describing the asynchronous state. The new return value now looks like:

type useCheckout = () =>
  | {type: 'loading'}
  | {
      type: 'success';
      checkout: CheckoutValue;
    }
  | {type: 'error'; error: {message: string}};

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.