Skip to content

HWCConnector ​

As we mentioned earlier, Hashgraph React Wallets is built on the Hedera Wallet Connect standard, and this connector forms the foundation for all native wallets that are adapted to this standard.

Connection Method ​

Unlike connectors derived from this one, it does not require checking if an extension is installed. Instead, when connecting through this connector, the Wallet Connect Modal will appear, offering two options:

  • connect by scanning the QR code using a mobile app.
  • select your preferred wallet from the list of wallets provided by Wallet Connect.

WC Modal

Instance ​

You can easily access the connector instance by using:

tsx
import { HWCConnector } from '@buidlerlabs/hashgraph-react-wallets/connectors'
import { useWallet } from '@buidlerlabs/hashgraph-react-wallets'

const App = () => {
  const { connector } = useWallet(HWCConnector) 

  return ...
}

Extras ​

Includes a set of pre-defined icons for both white/dark theme:

ts
this._config = {
  icons: {
    white: WalletConnectIconWhite,
    dark: WalletConnectIconDark,
    ...props.config?.icons,
  },
  ...props.config,
}