Ethereum (ethersjs)

Developers who are familiar with ethers can install @ant-design/web3-ethers to use with the component library, most of which are consistent with the wagmi adapter.

Basic usage

This example shows basic usage using the ethers adapter. We provide two react hooks to obtain provider and signer, which you can use in components to perform on-chain operations.

• useEthersProvider: Get the Provider instance of ethers.
• useEthersSigner: Get the Signer instance of ethers.

Compatible with ethers legacy versions

If you are a user of ethers@5.x, you can manually install the v5 version of ethers and modify the adapter introduction method. Versions prior to v5 are no longer supported. It is recommended to use after upgrading to the latest version:

import { EthersWeb3ConfigProvider, useEthersProvider } from '@ant-design/web3-ethers-v5'; // importing the adapter for ethers@5.x

const Component = () => {
  const provider = useEthersProvider();
  // do something with provider
};

const App = () => {
  return (
    <EthersWeb3ConfigProvider>
      <Component />
    </EthersWeb3ConfigProvider>
  );
};

EthersWeb3ConfigProviderProps