Other Use Cases

// hooks/useBaseAccountProvider.ts
import { useConnector, useAccount } from 'wagmi'
import { useEffect, useState } from 'react'

export function useBaseAccountProvider() {
  const { isConnected } = useAccount()
  const connector = useConnector()
  const [provider, setProvider] = useState<any>(null)

  useEffect(() => {
    if (isConnected && connector) {
      // Access the Base Account provider
      const baseAccountProvider = connector.provider
      setProvider(baseAccountProvider)
    } else {
      setProvider(null)
    }
  }, [isConnected, connector])

  return provider
}