Core Extension connector for the web3-react library
npm install @avalabs/web3-react-core-connectorCore Extension connector for web3-react.
There is a working example in this repo under the package web3-react-dapp-example
``typescript
import { createContext, useContext } from 'react';
import { initializeConnector, Web3ReactHooks } from '@web3-react/core';
import { CoreWallet } from '@avalabs/web3-react-core-connector';
const Web3ConnectionContext = createContext<
{
connector: CoreWallet;
} & Web3ReactHooks
>({} as any);
export function Web3ConnectionContextProvider({ children }: { children: any }) {
const [error, setError] = useState
const [connector, hooks] = initializeConnector(
(actions) =>
new CoreWallet({
actions,
onError: (e: Error) => {
console.error('Core Connector error', e);
setError(e);
},
})
);
return (
connector,
error,
...hooks,
}}
>
{children}
);
}
export function useWeb3ConnectionContext() {
return useContext(Web3ConnectionContext);
}
`
`html`
`typescript
import { useWeb3ConnectionContext } from 'your-path-here';
export function YourFancyComponent() {
const { connector, useIsActive, useAccount } = useWeb3ConnectionContext();
const isActive = useIsActive();
const activeAccount = useAccount();
if (!isActive) {
return (
onClick={() => connector.activate().catch((e) => console.error(e))}
>
Connect with Core
);
}
return (