xylabs/sdk-react

import { InfuraProvider } from 'ethers'
import { useMemo } from 'react'

import { infuraKey } from './Infura'

export const useInfuraProvider = (chainId?: number) => {
  const { provider, providerName } = useMemo(() => {
    const provider = new InfuraProvider(chainId, infuraKey)
    const providerName = 'Infura (Default)'
    return { provider, providerName }
  }, [chainId])

  return { provider, providerName }
}