diff --git a/packages/react/src/hooks/useAccountEffect.test.ts b/packages/react/src/hooks/useAccountEffect.test.ts index b252ee0f98..81be7a9a98 100644 --- a/packages/react/src/hooks/useAccountEffect.test.ts +++ b/packages/react/src/hooks/useAccountEffect.test.ts @@ -27,12 +27,12 @@ test('behavior: connect and disconnect called once', async () => { useDisconnect: useDisconnect(), })) - result.current.useConnect.connect({ + result.current.useConnect.mutate({ connector: result.current.useConnect.connectors[0]!, }) await waitFor(() => expect(result.current.useConnect.isSuccess).toBeTruthy()) - result.current.useConnect.connect({ + result.current.useConnect.mutate({ connector: result.current.useConnect.connectors[0]!, }) await waitFor(() => expect(result.current.useConnect.isSuccess).toBeTruthy()) diff --git a/packages/react/src/hooks/useConnect.test.ts b/packages/react/src/hooks/useConnect.test.ts index d80ff30509..4b850e9bf6 100644 --- a/packages/react/src/hooks/useConnect.test.ts +++ b/packages/react/src/hooks/useConnect.test.ts @@ -22,7 +22,7 @@ test('default', async () => { expect(result.current.useAccount.address).not.toBeDefined() expect(result.current.useAccount.status).toEqual('disconnected') - result.current.useConnect.connect({ + result.current.useConnect.mutate({ connector: result.current.useConnect.connectors[0]!, }) diff --git a/packages/react/src/hooks/useConnect.ts b/packages/react/src/hooks/useConnect.ts index acfe69234d..f97d69cf54 100644 --- a/packages/react/src/hooks/useConnect.ts +++ b/packages/react/src/hooks/useConnect.ts @@ -46,9 +46,13 @@ export type UseConnectReturnType< ConnectVariables, context > & { + /** @deprecated use mutate */ connect: ConnectMutate + /** @deprecated use mutateAsync */ connectAsync: ConnectMutateAsync connectors: Compute | config['connectors'] + mutate: ConnectMutate + mutateAsync: ConnectMutateAsync } > diff --git a/packages/react/src/hooks/useConnectorClient.test.tsx b/packages/react/src/hooks/useConnectorClient.test.tsx index f8737c53ec..c6f529a86c 100644 --- a/packages/react/src/hooks/useConnectorClient.test.tsx +++ b/packages/react/src/hooks/useConnectorClient.test.tsx @@ -108,7 +108,7 @@ test('behavior: connect and disconnect', async () => { expect(result.current.useConnectorClient.data).not.toBeDefined() - result.current.useConnect.connect({ + result.current.useConnect.mutate({ connector: result.current.useConnect.connectors[0]!, }) diff --git a/packages/react/src/hooks/useDisconnect.test.ts b/packages/react/src/hooks/useDisconnect.test.ts index 26c7787d98..e91fb3b5f7 100644 --- a/packages/react/src/hooks/useDisconnect.test.ts +++ b/packages/react/src/hooks/useDisconnect.test.ts @@ -21,7 +21,7 @@ test('default', async () => { expect(result.current.useAccount.address).toBeDefined() expect(result.current.useAccount.status).toEqual('connected') - result.current.useDisconnect.disconnect() + result.current.useDisconnect.mutate() await waitFor(() => expect(result.current.useAccount.isDisconnected).toBeTruthy(), diff --git a/packages/react/src/hooks/useDisconnect.ts b/packages/react/src/hooks/useDisconnect.ts index b5bff5bfe3..371c3a5dfa 100644 --- a/packages/react/src/hooks/useDisconnect.ts +++ b/packages/react/src/hooks/useDisconnect.ts @@ -40,8 +40,12 @@ export type UseDisconnectReturnType = Compute< context > & { connectors: readonly Connector[] + /** @deprecated use mutate */ disconnect: DisconnectMutate + /** @deprecated use mutateAsync */ disconnectAsync: DisconnectMutateAsync + mutate: DisconnectMutate + mutateAsync: DisconnectMutateAsync } > @@ -66,5 +70,7 @@ export function useDisconnect( ), disconnect: mutate, disconnectAsync: mutateAsync, + mutate, + mutateAsync, } } diff --git a/packages/react/src/hooks/useWalletClient.test.tsx b/packages/react/src/hooks/useWalletClient.test.tsx index 40fdd5850a..224bc5ea7a 100644 --- a/packages/react/src/hooks/useWalletClient.test.tsx +++ b/packages/react/src/hooks/useWalletClient.test.tsx @@ -111,7 +111,7 @@ test('behavior: connect and disconnect', async () => { expect(result.current.useWalletClient.data).not.toBeDefined() - result.current.useConnect.connect({ + result.current.useConnect.mutate({ connector: result.current.useConnect.connectors[0]!, }) diff --git a/packages/vue/src/composables/useAccountEffect.test.ts b/packages/vue/src/composables/useAccountEffect.test.ts index 10ed7a3e37..54c5a66737 100644 --- a/packages/vue/src/composables/useAccountEffect.test.ts +++ b/packages/vue/src/composables/useAccountEffect.test.ts @@ -20,17 +20,17 @@ test('behavior: connect and disconnect called once', async () => { const [connect] = renderComposable(() => useConnect()) const [disconnect] = renderComposable(() => useDisconnect()) - connect.connect({ + connect.mutate({ connector: connect.connectors[0]!, }) await waitFor(connect.isSuccess) - connect.connect({ + connect.mutate({ connector: connect.connectors[0]!, }) - disconnect.disconnect() + disconnect.mutate() await waitFor(disconnect.isSuccess) - disconnect.disconnect() + disconnect.mutate() expect(onConnect).toBeCalledTimes(1) expect(onDisconnect).toBeCalledTimes(1) diff --git a/packages/vue/src/composables/useConnect.test.ts b/packages/vue/src/composables/useConnect.test.ts index 206abd41ee..0b874ec454 100644 --- a/packages/vue/src/composables/useConnect.test.ts +++ b/packages/vue/src/composables/useConnect.test.ts @@ -20,7 +20,7 @@ test('default', async () => { expect(account.address.value).not.toBeDefined() expect(account.status.value).toEqual('disconnected') - connect.connect({ + connect.mutate({ connector: connect.connectors[0]!, }) diff --git a/packages/vue/src/composables/useConnect.ts b/packages/vue/src/composables/useConnect.ts index 7659dc3411..ddf5b9e232 100644 --- a/packages/vue/src/composables/useConnect.ts +++ b/packages/vue/src/composables/useConnect.ts @@ -49,9 +49,13 @@ export type UseConnectReturnType< ConnectVariables, context > & { + /** @deprecated use `mutate` instead */ connect: ConnectMutate + /** @deprecated use `mutateAsync` instead */ connectAsync: ConnectMutateAsync connectors: Compute | config['connectors'] + mutate: ConnectMutate + mutateAsync: ConnectMutateAsync } > diff --git a/packages/vue/src/composables/useConnectorClient.test.ts b/packages/vue/src/composables/useConnectorClient.test.ts index 7a361702ac..52abeb0967 100644 --- a/packages/vue/src/composables/useConnectorClient.test.ts +++ b/packages/vue/src/composables/useConnectorClient.test.ts @@ -105,13 +105,13 @@ test('behavior: connect and disconnect', async () => { expect(client.data.value).not.toBeDefined() - connect.connect({ + connect.mutate({ connector: connect.connectors[0]!, }) await waitFor(client.data, (data) => data !== undefined) - disconnect.disconnect() + disconnect.mutate() await waitFor(client.data, (data) => data === undefined) }) diff --git a/packages/vue/src/composables/useDisconnect.ts b/packages/vue/src/composables/useDisconnect.ts index 540e588124..7310f4c467 100644 --- a/packages/vue/src/composables/useDisconnect.ts +++ b/packages/vue/src/composables/useDisconnect.ts @@ -39,8 +39,12 @@ export type UseDisconnectReturnType = Compute< context > & { connectors: Ref + /** @deprecated use `mutate` instead */ disconnect: DisconnectMutate + /** @deprecated use `mutateAsync` instead */ disconnectAsync: DisconnectMutateAsync + mutate: DisconnectMutate + mutateAsync: DisconnectMutateAsync } > @@ -66,5 +70,7 @@ export function useDisconnect( ), disconnect: mutate, disconnectAsync: mutateAsync, + mutate, + mutateAsync, } } diff --git a/site/react/api/hooks/useConnect.md b/site/react/api/hooks/useConnect.md index ba52ee2aaf..bf8ff69d8c 100644 --- a/site/react/api/hooks/useConnect.md +++ b/site/react/api/hooks/useConnect.md @@ -7,7 +7,7 @@ description: Hook for connecting accounts with connectors. const packageName = 'wagmi' const actionName = 'connect' const typeName = 'Connect' -const mutate = 'connect' +const mutate = 'mutate' const TData = '{ accounts: readonly [Address, ...Address[]]; chainId: number; }' const TError = 'ConnectErrorType' const TVariables = '{ chainId?: number | undefined; connector?: CreateConnectorFn | Connector | undefined; }' @@ -31,10 +31,10 @@ import { useConnect } from 'wagmi' import { injected } from 'wagmi/connectors' function App() { - const { connect } = useConnect() + const { mutate } = useConnect() return ( - ) @@ -88,12 +88,12 @@ Globally configured connectors via [`createConfig`](/react/api/createConfig#conn import { useConnect } from 'wagmi' function App() { - const { connect, connectors } = useConnect() + const { mutate, connectors } = useConnect() return (
{connectors.map((connector) => ( - ))} diff --git a/site/react/api/hooks/useDisconnect.md b/site/react/api/hooks/useDisconnect.md index 5e537a846d..1d63372f8b 100644 --- a/site/react/api/hooks/useDisconnect.md +++ b/site/react/api/hooks/useDisconnect.md @@ -7,7 +7,7 @@ description: Hook for disconnecting connections. const packageName = 'wagmi' const actionName = 'disconnect' const typeName = 'Disconnect' -const mutate = 'disconnect' +const mutate = 'mutate' const TData = 'void' const TError = 'DisconnectErrorType' const TVariables = '{ connector?: Connector | undefined; }' diff --git a/site/vue/api/composables/useConnect.md b/site/vue/api/composables/useConnect.md index d1d586c561..18449d3f88 100644 --- a/site/vue/api/composables/useConnect.md +++ b/site/vue/api/composables/useConnect.md @@ -7,7 +7,7 @@ description: Composable for connecting accounts with connectors. const packageName = '@wagmi/vue' const actionName = 'connect' const typeName = 'Connect' -const mutate = 'connect' +const mutate = 'mutate' const TData = '{ accounts: readonly [Address, ...Address[]]; chainId: number; }' const TError = 'ConnectErrorType' const TVariables = '{ chainId?: number | undefined; connector?: CreateConnectorFn | Connector | undefined; }' diff --git a/site/vue/api/composables/useDisconnect.md b/site/vue/api/composables/useDisconnect.md index 66635c3c05..3fbb1a5b14 100644 --- a/site/vue/api/composables/useDisconnect.md +++ b/site/vue/api/composables/useDisconnect.md @@ -7,7 +7,7 @@ description: Composable for disconnecting connections. const packageName = '@wagmi/vue' const actionName = 'disconnect' const typeName = 'Disconnect' -const mutate = 'disconnect' +const mutate = 'mutate' const TData = 'void' const TError = 'DisconnectErrorType' const TVariables = '{ connector?: Connector | undefined; }'