Stripe js

index.ts

import React from "react";
import { loadStripe, Stripe } from "@stripe/stripe-js";

const stripePublicKey = 'mypublic key'

/**
 * @param sessionId: session id returned ny the backend, see https://github.com/nexys-system/stripe
 */
const Stripe = ({ stripe, seesionId }: { stripe: Stripe, sessionId: string }) => {
  const sessionId =
    "cs_test_a1qVEVYCpVTpren53NbTIodcmQXETGj7RJ9esAK26ETkOMHe1pbnWdPJhz";
  stripe.redirectToCheckout({ sessionId });
  return <p>fd {JSON.stringify(stripe)}</p>;
};

export default () => {
  const [stripe, setStripe] = React.useState<Stripe | undefined>(undefined);

  if (stripe === undefined) {
    loadStripe(stripePublicKey).then((x) => setStripe(x));

    return (
      <p>
        <i>Loading</i>
      </p>
    );
  }

  return <Stripe stripe={stripe} />;
};