未经处理的拒绝(TypeError):stripe.rerectToCheckout不是函数

我正在尝试为一个网站实现Stripe结账。不幸的是,Stripe文档非常不完整。我有:

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

const stripe = loadStripe('pk_test_key');

const handleClick = async (event) => {
  stripe.redirectToCheckout({
    lineItems: [
      {price: 'price_something', quantity: 1},
    ],
    mode: 'subscription',
    successUrl: 'https://example.com/success?session_id={CHECKOUT_SESSION_ID}',
    cancelUrl: 'https://example.com/cancel',
  }).then(function(result){
    alert(result);
  });
};

export default function Stripe(){
  return (
    <button role="link" onClick={handleClick}>
      Checkout
    </button>
  );
}

我点击按钮,得到一个错误: Unhandled Rejection (TypeError): stripe.redirectToCheckout is not a function

我的密钥是正确的,但我在他们的文档或其他任何地方都找不到任何信息来解决这个问题。谢谢!