Skip to content

react

Plugin for generating type-safe Wagmi Hooks.

Import

ts
import { react } from '@wagmi/cli/plugins'

Usage

ts
import { defineConfig } from '@wagmi/cli'
import { react } from '@wagmi/cli/plugins'

export default defineConfig({
  plugins: [
    react(),
  ],
})

Configuration

ts
import { type ReactConfig } from '@wagmi/cli/plugins'

getHookName

'legacy' | ((options: { contractName: string; type: 'read' | 'simulate' | 'watch' | 'write' }) => `use${string}`)

  • Function for setting custom hook names.
  • Defaults to `use${type}${contractName}`. For example, useReadErc20, useSimulateErc20, useWatchErc20Event, useWriteErc20.
  • When 'legacy' (deprecated), hook names are set to @wagmi/cli@1 format.
ts
import { defineConfig } from '@wagmi/cli'
import { react } from '@wagmi/cli/plugins'

export default defineConfig({
  plugins: [
    react({
      getHookName({ contractName, type }) { 
        return `use${contractName}__${type}`
      }, 
    }),
  ],
})

Released under the MIT License.