メインコンテンツへスキップ
  • 単独での利用
  • Connect SDKを利用する場合
このパッケージを@0xsequence/connectなしで使いたい場合は、以下の手順でご利用いただけます。
1

必要なライブラリをインストールします

    npm install @0xsequence/hooks@v6-beta @tanstack/react-query wagmi
    # or
    pnpm install @0xsequence/hooks@v6-beta @tanstack/react-query wagmi
    # or
    yarn add @0xsequence/hooks@v6-beta @tanstack/react-query wagmi
2

プロジェクトのアクセスキーを取得する

Sequence Builderからプロジェクトのアクセスキーを取得してください。
3

アプリを必要なプロバイダーでラップしてください

[config.ts]
import { mainnet, polygon } from "wagmi/chains"
import { createConfig, http } from "wagmi"
import { QueryClient } from "@tanstack/react-query"

const wagmiConfig = createConfig({
  chains: [mainnet, polygon],
  transports: {
    [mainnet.id]: http('https://mainnet.example.com'),
    [polygon.id]: http('https://polygon.example.com'),
  },
})

const queryClient = new QueryClient()

export { wagmiConfig, queryClient }
[main.tsx]
import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";

import App from "./App";
import { SequenceHooksProvider } from "@0xsequence/hooks";
import { WagmiProvider } from "wagmi";
import { queryClient, wagmiConfig } from "./config";
import { QueryClientProvider } from "@tanstack/react-query";

function Dapp() {
  return (
    <WagmiProvider config={wagmiConfig}>
      <QueryClientProvider client={queryClient}>
        <SequenceHooksProvider config={{ projectAccessKey: "AQAAAAAAAJbd_5JOcE50AqglZCtvu51YlGI" }}>
          <App />
        </SequenceHooksProvider>
      </QueryClientProvider>
    </WagmiProvider>
   
  );
}

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

export default Dapp;
4

使い始める

これで、useGetCoinPricesなどのフックが使えるようになります。
⌘I