@web3-onboard/react/dist/context.js

A collection of React hooks for integrating Web3-Onboard in to React and Next.js projects. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported w

import * as React from 'react';
import Web3Onboard from '@web3-onboard/core';
const HOOK_ERROR_MESSAGE = 'Must call the provided initialization method`init` method before using hooks.';
export let web3OnboardGlobal = undefined;
// Flag indicating whether or not the context provider is being used
let usingContextProvider = false;
export const init = (options) => {
    web3OnboardGlobal = Web3Onboard(options);
    return web3OnboardGlobal;
};
export const Context = React.createContext(undefined);
export function Web3OnboardProvider({ children, web3Onboard }) {
    // Set the flag indicating that we are using the context provider rather than raw hooks
    usingContextProvider = true;
    // Set the global web3Onboard instance to null as we are going to use the provided instance
    // rather than the global instance, so we want to clean up this reference.
    web3OnboardGlobal = undefined;
    return (React.createElement(Context.Provider, { value: web3Onboard }, children));
}
export function useWeb3Onboard() {
    // Use the context provided instance or the global instance
    const web3Onboard = usingContextProvider
        ? React.useContext(Context)
        : web3OnboardGlobal;
    if (!web3Onboard) {
        throw new Error(HOOK_ERROR_MESSAGE);
    }
    return web3Onboard;
}