@web3-onboard/react/dist/hooks/useSetChain.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 { useState, useCallback } from 'react';
import { useAppState } from './useAppState.js';
import { useWeb3Onboard } from '../context.js';
export const useSetChain = (walletLabel) => {
    const web3Onboard = useWeb3Onboard();
    const { setChain } = web3Onboard;
    const { wallets, chains } = useAppState();
    const getChain = () => {
        const wallet = walletLabel
            ? wallets.find(({ label }) => label === walletLabel)
            : wallets[0];
        return wallet && wallet.chains ? wallet.chains[0] : null;
    };
    const connectedChain = getChain();
    const [settingChain, setInProgress] = useState(false);
    const set = useCallback(async (options) => {
        setInProgress(true);
        const success = await setChain({ ...options, wallet: walletLabel });
        setInProgress(false);
        return success;
    }, []);
    return [{ chains, connectedChain, settingChain }, set];
};