fixes wagmi provider types

Author: arch1995

packages/modal/src/react/wagmi/interface.ts

@@ -1,5 +1,5 @@
 import type { CreateConfigParameters, WagmiProviderProps as WagmiProviderPropsBase } from "wagmi";
 
 export type WagmiProviderProps = Omit<WagmiProviderPropsBase, "config"> & {
-  config?: CreateConfigParameters;
+  config?: Omit<CreateConfigParameters, "chains" | "connectors" | "transports" | "multiInjectedProviderDiscovery" | "client">;
 };

packages/modal/src/vue/wagmi/interface.ts

@@ -1,5 +1,5 @@
-import type { CreateConfigParameters, WagmiProviderProps as WagmiProviderPropsBase } from "wagmi";
+import type { CreateConfigParameters, WagmiPluginOptions } from "@wagmi/vue";
 
-export type WagmiProviderProps = Omit<WagmiProviderPropsBase, "config"> & {
-  config?: Partial<CreateConfigParameters>;
+export type WagmiProviderProps = Omit<WagmiPluginOptions, "config"> & {
+  config?: Omit<CreateConfigParameters, "chains" | "connectors" | "transports" | "multiInjectedProviderDiscovery" | "client">;
 };

packages/modal/src/vue/wagmi/provider.ts

@@ -1,13 +1,14 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import { Config, Connection, Connector, CreateConfigParameters, CreateConnectorFn, hydrate } from "@wagmi/core";
-import { configKey, createConfig as createWagmiConfig, useAccountEffect, useConfig as useWagmiConfig, WagmiPluginOptions } from "@wagmi/vue";
+import { configKey, createConfig as createWagmiConfig, useAccountEffect, useConfig as useWagmiConfig } from "@wagmi/vue";
 import { injected } from "@wagmi/vue/connectors";
 import { log } from "@web3auth/no-modal";
 import { type Chain, defineChain, http } from "viem";
 import { defineComponent, h, PropType, provide, shallowRef, watch } from "vue";
 
 // import type { Config, Connection, Connector, CreateConfigParameters, CreateConnectorFn } from "wagmi";
 import { useWeb3Auth, useWeb3AuthDisconnect } from "../composables";
+import { WagmiProviderProps } from "./interface";
 
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
 
@@ -126,7 +127,7 @@ const Web3AuthWagmiInnerProvider = defineComponent({
 
 export const WagmiProvider = defineComponent({
   name: "WagmiProvider",
-  props: { config: { type: Object as PropType<WagmiPluginOptions>, required: false } },
+  props: { config: { type: Object as PropType<WagmiProviderProps>, required: false } },
   setup(props) {
     const { config } = props;
     const { web3Auth, isInitialized } = useWeb3Auth();

packages/no-modal/src/react/wagmi/interface.ts

@@ -1,5 +1,5 @@
 import type { CreateConfigParameters, WagmiProviderProps as WagmiProviderPropsBase } from "wagmi";
 
 export type WagmiProviderProps = Omit<WagmiProviderPropsBase, "config"> & {
-  config?: CreateConfigParameters;
+  config?: Omit<CreateConfigParameters, "chains" | "connectors" | "transports" | "multiInjectedProviderDiscovery" | "client">;
 };

packages/no-modal/src/vue/wagmi/interface.ts

@@ -1,5 +1,5 @@
-import type { CreateConfigParameters, WagmiProviderProps as WagmiProviderPropsBase } from "wagmi";
+import type { CreateConfigParameters, WagmiPluginOptions } from "@wagmi/vue";
 
-export type WagmiProviderProps = Omit<WagmiProviderPropsBase, "config"> & {
-  config?: Partial<CreateConfigParameters>;
+export type WagmiProviderProps = Omit<WagmiPluginOptions, "config"> & {
+  config?: Omit<CreateConfigParameters, "chains" | "connectors" | "transports" | "multiInjectedProviderDiscovery" | "client">;
 };

packages/no-modal/src/vue/wagmi/provider.ts

@@ -1,12 +1,13 @@
-import { Config, Connection, Connector, CreateConfigParameters, CreateConnectorFn, hydrate } from "@wagmi/core";
-import { configKey, createConfig as createWagmiConfig, useAccountEffect, useConfig as useWagmiConfig, WagmiPluginOptions } from "@wagmi/vue";
+import { type Config, type Connection, type Connector, type CreateConnectorFn, hydrate } from "@wagmi/core";
+import { configKey, createConfig as createWagmiConfig, type CreateConfigParameters, useAccountEffect, useConfig as useWagmiConfig } from "@wagmi/vue";
 import { injected } from "@wagmi/vue/connectors";
 import { type Chain, defineChain, http } from "viem";
 import { defineComponent, h, PropType, provide, shallowRef, watch } from "vue";
 
 import { log } from "../../base/loglevel";
 // import type { Config, Connection, Connector, CreateConfigParameters, CreateConnectorFn } from "wagmi";
 import { useWeb3Auth, useWeb3AuthDisconnect } from "../composables";
+import { WagmiProviderProps } from "./interface";
 
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
 
@@ -125,7 +126,7 @@ const Web3AuthWagmiInnerProvider = defineComponent({
 
 export const WagmiProvider = defineComponent({
   name: "WagmiProvider",
-  props: { config: { type: Object as PropType<WagmiPluginOptions>, required: false } },
+  props: { config: { type: Object as PropType<WagmiProviderProps>, required: false } },
   setup(props) {
     const { config } = props;
     const { web3Auth, isInitialized } = useWeb3Auth();