React SDK

yarn add @wispfinance/react-sdk

npm install @wispfinance/react-sdk

import React from 'react';
import { WispLink } from '@wispfinance/react-sdk';
import { useRouter } from "next/router";

const Home = ({checkoutId, userToken}) => {
    const router = useRouter();

    return (
        <WispLink
          style={{backgroundColor: '#1761CE', width: 150}}
          token="public_SwTWrn69lQJXzMHGMYD34pKtcZ5bNFWvlQeP0gL2PePgFSDdFRyj2cUc2JbLDdFR"
          customId="1"
          priceId="dd9438cd-d7ad-4551-875b-9b148ffe875b"
          cb={() => router.push(`/completed?checkoutId=${checkoutId}&token=${userToken}`)}
        >
          Subscribe with crypto
        </WispLink>
    )
}

export default Home;