Hashconnect-Provider

This package provides a react context for connecting to HashConnect easily.

Install

npm install hashconnect-provider

Setup

wrap your app in HashConnectContextProvider

import { HashConnect } from "hashconnect/dist/hashconnect";
import HashConnectContextProvider from 'hashconnect-provider'

export default function App({ Component, pageProps }: AppProps) {
  return <>
    <HashConnectContextProvider hashConnect={new HashConnect(true)} network="testnet" singleAccount={true} metaData={{
            name: "dApp Example",
            description: "An example hedera dApp",
            icon: "https://www.hashpack.app/img/logo.svg",
            url: "http://localhost:3000"
        }}
    >
        <Component {...pageProps} />
      </HashConnectContextProvider>
  </>

}

Usage

    const { 
        hcData, // hashConnect data state
        hashConnect, // hashConnect instance
        topic, //  topic state
        setTopic,
        pairingString, 
        pairingData,
        availableExtension,
        state, // state of the connection
        connectToExtension,
        clearPairings,
        disconnect,
        sendTransaction,
        network,
        getProvider,
        getSigner,
        accountId // first accountId in the paringData
    } = useHashConnectContext();