Installation

npm install @walletkit/react-link walletkit-js

import {WalletKitLink} from "@walletkit/react-link"

const wkLink = new WalletKitLink({
  projectId: '<WalletKit-Project-ID>',
});

export function App() {
  return (
    <WalletKitLinkProvider link={wkLink}>
      ...
    </WalletKitLinkProvider>
  )
}

  npm init wagmi

  npm i @walletkit/wagmi-link @walletkit/react-link walletkit-js

import {walletKitLink} from "@walletkit/wagmi-link";

export const wagmiConfig = createConfig({
  chains: [..],
  transports: {..},
  connectors: [
    walletKitLink({
      projectId: '<WalletKit-Project-ID>',
    }),
  ]
})

  import {WalletKitLinkWagmiProvider} from "@walletkit/wagmi-link"

  export function App() {
    return (
      <WagmiProvider config={wagmiConfig}>
        <QueryClientProvider client={queryClient}>
          <WalletKitLinkWagmiProvider>
            ...
          </WalletKitLinkWagmiProvider>
        </QueryClientProvider>
      </WagmiProvider>
    )
  }