useConnectors

Primitive for getting configured connectors.

Import

import { useConnectors } from '@wagmi/solid'

Usage

index.tsx

import { useConnect, useConnectors } from '@wagmi/solid'
import { For } from 'solid-js'

function App() {
  const connectors = useConnectors()
  const connect = useConnect()
  
  return (
    <ul>
      <For each={connectors()}>
        {(connector) => (
          <li>
            <button onClick={() => connect.mutate({ connector })}>
              {connector.name}
            </button>
          </li>
        )}
      </For>
    </ul>
  )
}

config.ts

import { http, createConfig } from '@wagmi/solid'
import { mainnet, sepolia } from '@wagmi/solid/chains'
import { injected, walletConnect } from '@wagmi/solid/connectors'

export const config = createConfig({
  chains: [mainnet, sepolia],
  connectors: [injected(), walletConnect({ projectId: '...' })],
  transports: {
    [mainnet.id]: http(),
    [sepolia.id]: http(),
  },
})

Parameters

import { useConnectors } from '@wagmi/solid'

useConnectors.Parameters
useConnectors.SolidParameters

Parameters are passed as a getter function to maintain Solid reactivity.

useConnectors(() => ({
  config,
}))

config

Config | undefined

Config to use instead of retrieving from the nearest WagmiProvider.

Return Type

import { useConnectors } from '@wagmi/solid'

useConnectors.ReturnType

Accessor<readonly Connector[]>

Returns an accessor containing all configured connectors.

Action

• getConnectors