メインコンテンツへスキップ
このパッケージはConnect SDKに依存しています。
1

Connect SDKのインストールとセットアップ

手順はこちらをご覧ください。
2

Checkout SDKのインストール

    npm install @0xsequence/checkout@v6-beta
    # or
    pnpm install @0xsequence/checkout@v6-beta
    # or
    yarn add @0xsequence/checkout@v6-beta
3

アプリをSequenceCheckoutProviderでラップしてください

[main.tsx]
    import React from "react";
    import ReactDOM from "react-dom/client";
    import "./index.css";

    import App from "./App";
    import { config } from "./config";
    import { SequenceConnect } from "@0xsequence/connect";
    import { SequenceCheckoutProvider } from "@0xsequence/checkout";

    function Dapp() {
    return (
        <SequenceConnect config={config}>
            <SequenceCheckoutProvider>
                <App />
            </SequenceCheckoutProvider>
        </SequenceConnect>
    );
    }

    ReactDOM.createRoot(document.getElementById("root")!).render(
    <React.StrictMode>
        <Dapp />
    </React.StrictMode>
    );
4

使い始める

これで、useSelectPaymentModalなどのフックが利用できるようになります。