@bigmi/react 0.1.1 → 0.2.0-beta.1

package/README.md

@@ -45,22 +45,24 @@ Here is an example of a basic usage:
 ```tsx
 import { useConfig } from '@bigmi/react'
 import {
-  type UTXOAPISchema,
+  type UTXOSchema,
   bitcoin,
   getBalance,
   getBlockCount,
   sendUTXOTransaction,
   utxo,
   waitForTransaction,
+  createClient, 
+  fallback, 
+  rpcSchema
 } from '@bigmi/core'
-import { createClient, fallback, rpcSchema } from 'viem'
-import { useAccount } from 'wagmi'
+import { useAccount } from '@bigmi/react'
 
 
 // Create a public client for interactions with the Bitcoin
 const publicClient = createClient({
   chain: bitcoin,
-  rpcSchema: rpcSchema<UTXOAPISchema>(),
+  rpcSchema: rpcSchema<UTXOSchema>(),
   transport: fallback([
     utxo('https://api.blockchair.com', {
       key: 'blockchair',
@@ -110,7 +112,7 @@ console.log('Transaction confirmed:', transaction);
 
 // Getting account information inside the React application
 const bigmiConfig = useConfig()
-const account = useAccount({ config: bigmiConfig })
+const account = useAccount()
 
 console.log('Bitcoin account address:', account.address);
 ```

package/dist/esm/context.d.ts

@@ -1,9 +1,10 @@
+import type { State } from '@bigmi/client';
 import { type PropsWithChildren } from 'react';
-import type { ResolvedRegister, State } from 'wagmi';
-export declare const BigmiContext: import("react").Context<import("wagmi").Config | undefined>;
+import type { ResolvedRegister } from './types.js';
+export declare const BigmiContext: import("react").Context<import("@bigmi/client").Config | undefined>;
 export type BigmiProviderProps = {
     config: ResolvedRegister['config'];
     initialState?: State | undefined;
     reconnectOnMount?: boolean | undefined;
 };
-export declare function BigmiProvider(parameters: PropsWithChildren<BigmiProviderProps>): import("react").FunctionComponentElement<PropsWithChildren<import("wagmi").HydrateProps>>;
+export declare function BigmiProvider(parameters: PropsWithChildren<BigmiProviderProps>): import("react").FunctionComponentElement<PropsWithChildren<import("./hydrate.js").HydrateProps>>;

package/dist/esm/context.js

@@ -1,6 +1,6 @@
 'use client';
 import { createContext, createElement } from 'react';
-import { Hydrate } from 'wagmi';
+import { Hydrate } from './hydrate.js';
 export const BigmiContext = createContext(undefined);
 export function BigmiProvider(parameters) {
     const { children, config } = parameters;

package/dist/esm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAA0B,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAEvC,SAAS,CAAC,CAAA;AAQZ,MAAM,UAAU,aAAa,CAC3B,UAAiD;IAEjD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;IAEvC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;IAC/B,OAAO,aAAa,CAClB,OAAO,EACP,UAAU,EACV,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CACtD,CAAA;AACH,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAA0B,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAEvC,SAAS,CAAC,CAAA;AAQZ,MAAM,UAAU,aAAa,CAC3B,UAAiD;IAEjD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;IAEvC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;IAC/B,OAAO,aAAa,CAClB,OAAO,EACP,UAAU,EACV,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CACtD,CAAA;AACH,CAAC"}

package/dist/esm/errors/context.d.ts

@@ -1,4 +1,4 @@
-import { BaseError } from 'wagmi';
+import { BaseError } from '@bigmi/core';
 export type BigmiProviderNotFoundErrorType = BigmiProviderNotFoundError & {
     name: 'BigmiProviderNotFoundError';
 };

package/dist/esm/errors/context.js

@@ -1,4 +1,4 @@
-import { BaseError } from 'wagmi';
+import { BaseError } from '@bigmi/core';
 export class BigmiProviderNotFoundError extends BaseError {
     constructor() {
         super('`useConfig` must be used within `BigmiProvider`.');

package/dist/esm/errors/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/errors/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,MAAM,OAAO,0BAA2B,SAAQ,SAAS;IAEvD;QACE,KAAK,CAAC,kDAAkD,CAAC,CAAA;QAFlD,SAAI,GAAG,4BAA4B,CAAA;IAG5C,CAAC;CACF"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/errors/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAKvC,MAAM,OAAO,0BAA2B,SAAQ,SAAS;IAEvD;QACE,KAAK,CAAC,kDAAkD,CAAC,CAAA;QAFlD,SAAI,GAAG,4BAA4B,CAAA;IAG5C,CAAC;CACF"}

package/dist/esm/hooks/useAccount.d.ts

@@ -1,3 +1,6 @@
-import type { Config, ResolvedRegister, UseAccountParameters, UseAccountReturnType } from 'wagmi';
-/** https://wagmi.sh/react/api/hooks/useAccount */
+import { type Config, type GetAccountReturnType } from '@bigmi/client';
+import type { ResolvedRegister } from '../types.js';
+import { type ConfigParameter } from './useConfig.js';
+export type UseAccountParameters<config extends Config = Config> = ConfigParameter<config>;
+export type UseAccountReturnType<config extends Config = Config> = GetAccountReturnType<config>;
 export declare function useAccount<C extends Config = ResolvedRegister['config']>(parameters?: UseAccountParameters<C>): UseAccountReturnType<C>;

package/dist/esm/hooks/useAccount.js

@@ -1,8 +1,7 @@
 'use client';
-import { getAccount, watchAccount } from 'wagmi/actions';
+import { getAccount, watchAccount, } from '@bigmi/client';
 import { useConfig } from './useConfig.js';
 import { useSyncExternalStoreWithTracked } from './useSyncExternalStoreWithTracked.js';
-/** https://wagmi.sh/react/api/hooks/useAccount */
 export function useAccount(parameters = {}) {
     const config = useConfig(parameters);
     return useSyncExternalStoreWithTracked((onChange) => watchAccount(config, { onChange }), () => getAccount(config));

package/dist/esm/hooks/useAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAccount.js","sourceRoot":"","sources":["../../../src/hooks/useAccount.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAOZ,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAA;AAEtF,kDAAkD;AAClD,MAAM,UAAU,UAAU,CACxB,aAAsC,EAAE;IAExC,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;IAEpC,OAAO,+BAA+B,CACpC,CAAC,QAAQ,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAChD,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CACzB,CAAA;AACH,CAAC"}
+{"version":3,"file":"useAccount.js","sourceRoot":"","sources":["../../../src/hooks/useAccount.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAGL,UAAU,EACV,YAAY,GACb,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAwB,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAA;AAQtF,MAAM,UAAU,UAAU,CACxB,aAAsC,EAAE;IAExC,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;IAEpC,OAAO,+BAA+B,CACpC,CAAC,QAAQ,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAChD,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CACzB,CAAA;AACH,CAAC"}

package/dist/esm/hooks/useConfig.d.ts

@@ -1,3 +1,8 @@
-import type { Config, ResolvedRegister, UseConfigParameters, UseConfigReturnType } from 'wagmi';
-/** https://wagmi.sh/react/api/hooks/useConfig */
+import type { Config } from '@bigmi/client';
+import type { ResolvedRegister } from '../types.js';
+export type ConfigParameter<config extends Config = Config> = {
+    config?: Config | config | undefined;
+};
+export type UseConfigParameters<config extends Config = Config> = ConfigParameter<config>;
+export type UseConfigReturnType<config extends Config = Config> = config;
 export declare function useConfig<C extends Config = ResolvedRegister['config']>(parameters?: UseConfigParameters<C>): UseConfigReturnType<C>;

package/dist/esm/hooks/useConfig.js

@@ -2,7 +2,6 @@
 import { useContext } from 'react';
 import { BigmiContext } from '../context.js';
 import { BigmiProviderNotFoundError } from '../errors/context.js';
-/** https://wagmi.sh/react/api/hooks/useConfig */
 export function useConfig(parameters = {}) {
     // biome-ignore lint/correctness/useHookAtTopLevel:
     const config = parameters.config ?? useContext(BigmiContext);

package/dist/esm/hooks/useConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfig.js","sourceRoot":"","sources":["../../../src/hooks/useConfig.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAOlC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAA;AAEjE,iDAAiD;AACjD,MAAM,UAAU,SAAS,CACvB,aAAqC,EAAE;IAEvC,mDAAmD;IACnD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,YAAY,CAAC,CAAA;IAC5D,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,0BAA0B,EAAE,CAAA;IACxC,CAAC;IACD,OAAO,MAAgC,CAAA;AACzC,CAAC"}
+{"version":3,"file":"useConfig.js","sourceRoot":"","sources":["../../../src/hooks/useConfig.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGlC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAA;AAYjE,MAAM,UAAU,SAAS,CACvB,aAAqC,EAAE;IAEvC,mDAAmD;IACnD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,YAAY,CAAC,CAAA;IAC5D,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,0BAA0B,EAAE,CAAA;IACxC,CAAC;IACD,OAAO,MAAgC,CAAA;AACzC,CAAC"}

package/dist/esm/hooks/useConnect.d.ts

@@ -0,0 +1,15 @@
+import { type Config, type ConnectData, type ConnectErrorType, type ConnectMutate, type ConnectMutateAsync, type ConnectVariables } from '@bigmi/client';
+import type { Compute } from '@bigmi/core';
+import type { ResolvedRegister } from '../types.js';
+import type { UseMutationParameters, UseMutationReturnType } from '../utils/query.js';
+import { type ConfigParameter } from './useConfig.js';
+import { type UseConnectorsReturnType } from './useConnectors.js';
+export type UseConnectParameters<config extends Config = Config, context = unknown> = Compute<ConfigParameter<config> & {
+    mutation?: UseMutationParameters<ConnectData<config>, ConnectErrorType, ConnectVariables<config, config['connectors'][number]>, context> | undefined;
+}>;
+export type UseConnectReturnType<config extends Config = Config, context = unknown> = Compute<UseMutationReturnType<ConnectData<config>, ConnectErrorType, ConnectVariables<config, config['connectors'][number]>, context> & {
+    connect: ConnectMutate<config, context>;
+    connectAsync: ConnectMutateAsync<config, context>;
+    connectors: Compute<UseConnectorsReturnType> | config['connectors'];
+}>;
+export declare function useConnect<config extends Config = ResolvedRegister['config'], context = unknown>(parameters?: UseConnectParameters<config, context>): UseConnectReturnType<config, context>;

package/dist/esm/hooks/useConnect.js

@@ -0,0 +1,30 @@
+'use client';
+import { connectMutationOptions, } from '@bigmi/client';
+import { useMutation } from '@tanstack/react-query';
+import { useEffect } from 'react';
+import { useConfig } from './useConfig.js';
+import { useConnectors } from './useConnectors.js';
+export function useConnect(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    const mutationOptions = connectMutationOptions(config);
+    const { mutate, mutateAsync, ...result } = useMutation({
+        ...mutation,
+        ...mutationOptions,
+    });
+    // Reset mutation back to an idle state when the connector disconnects.
+    useEffect(() => {
+        return config.subscribe(({ status }) => status, (status, previousStatus) => {
+            if (previousStatus === 'connected' && status === 'disconnected') {
+                result.reset();
+            }
+        });
+    }, [config, result.reset]);
+    return {
+        ...result,
+        connect: mutate,
+        connectAsync: mutateAsync,
+        connectors: useConnectors({ config }),
+    };
+}
+//# sourceMappingURL=useConnect.js.map

package/dist/esm/hooks/useConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnect.js","sourceRoot":"","sources":["../../../src/hooks/useConnect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAOL,sBAAsB,GACvB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAwB,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAgC,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAkChF,MAAM,UAAU,UAAU,CAIxB,aAAoD,EAAE;IAEtD,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAA;IAE/B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;IAEpC,MAAM,eAAe,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAA;IACtD,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,EAAE,GAAG,WAAW,CAAC;QACrD,GAAG,QAAQ;QACX,GAAG,eAAe;KACnB,CAAC,CAAA;IAEF,uEAAuE;IACvE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,MAAM,CAAC,SAAS,CACrB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,EACtB,CAAC,MAAM,EAAE,cAAc,EAAE,EAAE;YACzB,IAAI,cAAc,KAAK,WAAW,IAAI,MAAM,KAAK,cAAc,EAAE,CAAC;gBAChE,MAAM,CAAC,KAAK,EAAE,CAAA;YAChB,CAAC;QACH,CAAC,CACF,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IAG1B,OAAO;QACL,GAAI,MAAiB;QACrB,OAAO,EAAE,MAA2B;QACpC,YAAY,EAAE,WAAqC;QACnD,UAAU,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;KACtC,CAAA;AACH,CAAC"}

package/dist/esm/hooks/useConnectors.d.ts

@@ -0,0 +1,7 @@
+import { type Config, type GetConnectorsReturnType } from '@bigmi/client';
+import type { ResolvedRegister } from '../types.js';
+import { type ConfigParameter } from './useConfig.js';
+export type UseConnectorsParameters<config extends Config = Config> = ConfigParameter<config>;
+export type UseConnectorsReturnType<config extends Config = Config> = GetConnectorsReturnType<config>;
+/** https://wagmi.sh/react/api/hooks/useConnectors */
+export declare function useConnectors<config extends Config = ResolvedRegister['config']>(parameters?: UseConnectorsParameters<config>): UseConnectorsReturnType<config>;

package/dist/esm/hooks/useConnectors.js

@@ -0,0 +1,10 @@
+'use client';
+import { getConnectors, watchConnectors, } from '@bigmi/client';
+import { useSyncExternalStore } from 'react';
+import { useConfig } from './useConfig.js';
+/** https://wagmi.sh/react/api/hooks/useConnectors */
+export function useConnectors(parameters = {}) {
+    const config = useConfig(parameters);
+    return useSyncExternalStore((onChange) => watchConnectors(config, { onChange }), () => getConnectors(config), () => getConnectors(config));
+}
+//# sourceMappingURL=useConnectors.js.map

package/dist/esm/hooks/useConnectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectors.js","sourceRoot":"","sources":["../../../src/hooks/useConnectors.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAGL,aAAa,EACb,eAAe,GAChB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAwB,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAQhE,qDAAqD;AACrD,MAAM,UAAU,aAAa,CAG3B,aAA8C,EAAE;IAEhD,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;IAEpC,OAAO,oBAAoB,CACzB,CAAC,QAAQ,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EACnD,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,EAC3B,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAC5B,CAAA;AACH,CAAC"}

package/dist/esm/hooks/useReconnect.d.ts

@@ -1,2 +1,2 @@
-import type { Config } from 'wagmi';
+import { type Config } from '@bigmi/client';
 export declare const useReconnect: (config: Config) => void;

package/dist/esm/hooks/useReconnect.js

@@ -1,3 +1,4 @@
+'use client';
 import { reconnect } from '@bigmi/client';
 import { useEffect } from 'react';
 export const useReconnect = (config) => {

package/dist/esm/hooks/useReconnect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReconnect.js","sourceRoot":"","sources":["../../../src/hooks/useReconnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,MAAM,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AACd,CAAC,CAAA"}
+{"version":3,"file":"useReconnect.js","sourceRoot":"","sources":["../../../src/hooks/useReconnect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAe,SAAS,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,MAAM,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AACd,CAAC,CAAA"}

package/dist/esm/hooks/useSyncExternalStoreWithTracked.d.ts

@@ -1 +1 @@
-export declare function useSyncExternalStoreWithTracked<snapshot extends selection, selection = snapshot>(subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => snapshot, getServerSnapshot?: undefined | null | (() => snapshot), isEqual?: (a: selection, b: selection) => boolean): snapshot;
+export declare function useSyncExternalStoreWithTracked<Snapshot extends Selection, Selection = Snapshot>(subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => Snapshot, getServerSnapshot?: (() => Snapshot) | undefined, isEqual?: (a: Selection, b: Selection) => boolean): Snapshot | NonNullable<Selection>;

package/dist/esm/hooks/useSyncExternalStoreWithTracked.js

@@ -1,43 +1,44 @@
 'use client';
-import { useRef } from 'react';
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js';
-import { deepEqual } from 'wagmi';
+import { deepEqual } from '@bigmi/core';
+import { useMemo, useRef, useSyncExternalStore } from 'react';
 const isPlainObject = (obj) => typeof obj === 'object' && !Array.isArray(obj);
 export function useSyncExternalStoreWithTracked(subscribe, getSnapshot, getServerSnapshot = getSnapshot, isEqual = deepEqual) {
-    const trackedKeys = useRef([]);
-    const result = useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, (x) => x, (a, b) => {
-        if (isPlainObject(a) && isPlainObject(b) && trackedKeys.current.length) {
-            for (const key of trackedKeys.current) {
-                const equal = isEqual(a[key], b[key]);
-                if (!equal) {
-                    return false;
-                }
-            }
-            return true;
+    const trackedKeys = useRef(new Set());
+    const previousResult = useRef(undefined);
+    const snapshotCache = useRef(getSnapshot());
+    const snapshot = useSyncExternalStore((onChange) => subscribe(() => {
+        snapshotCache.current = getSnapshot();
+        onChange();
+    }), () => snapshotCache.current, getServerSnapshot);
+    const result = useMemo(() => {
+        if (!isPlainObject(snapshot)) {
+            return snapshot;
         }
-        return isEqual(a, b);
-    });
-    if (isPlainObject(result)) {
-        const trackedResult = { ...result };
-        let properties = {};
-        for (const [key, value] of Object.entries(trackedResult)) {
-            properties = {
-                ...properties,
-                [key]: {
-                    configurable: false,
-                    enumerable: true,
-                    get: () => {
-                        if (!trackedKeys.current.includes(key)) {
-                            trackedKeys.current.push(key);
-                        }
-                        return value;
-                    },
+        const trackedResult = { ...snapshot };
+        Object.defineProperties(trackedResult, Object.fromEntries(Object.entries(trackedResult).map(([key, value]) => [
+            key,
+            {
+                configurable: false,
+                enumerable: true,
+                get: () => {
+                    trackedKeys.current.add(key);
+                    return value;
                 },
-            };
-        }
-        Object.defineProperties(trackedResult, properties);
+            },
+        ])));
         return trackedResult;
-    }
-    return result;
+    }, [snapshot]);
+    return useMemo(() => {
+        if (!trackedKeys.current.size || !previousResult.current) {
+            previousResult.current = result;
+            return result;
+        }
+        const hasChanged = Array.from(trackedKeys.current).some((key) => !isEqual(result[key], previousResult.current[key]));
+        if (!hasChanged) {
+            return previousResult.current;
+        }
+        previousResult.current = result;
+        return result;
+    }, [result, isEqual]);
 }
 //# sourceMappingURL=useSyncExternalStoreWithTracked.js.map

package/dist/esm/hooks/useSyncExternalStoreWithTracked.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSyncExternalStoreWithTracked.js","sourceRoot":"","sources":["../../../src/hooks/useSyncExternalStoreWithTracked.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,gCAAgC,EAAE,MAAM,+CAA+C,CAAA;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,aAAa,GAAG,CAAC,GAAY,EAAE,EAAE,CACrC,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;AAEhD,MAAM,UAAU,+BAA+B,CAI7C,SAAoD,EACpD,WAA2B,EAC3B,oBAAyD,WAAW,EACpE,UAAmD,SAAS;IAE5D,MAAM,WAAW,GAAG,MAAM,CAAW,EAAE,CAAC,CAAA;IACxC,MAAM,MAAM,GAAG,gCAAgC,CAC7C,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EACR,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YACvE,KAAK,MAAM,GAAG,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBACtC,MAAM,KAAK,GAAG,OAAO,CAClB,CAA2B,CAAC,GAAG,CAAC,EAChC,CAA2B,CAAC,GAAG,CAAC,CAClC,CAAA;gBACD,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,OAAO,KAAK,CAAA;gBACd,CAAC;YACH,CAAC;YACD,OAAO,IAAI,CAAA;QACb,CAAC;QACD,OAAO,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACtB,CAAC,CACF,CAAA;IAED,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1B,MAAM,aAAa,GAAG,EAAE,GAAG,MAAM,EAAE,CAAA;QACnC,IAAI,UAAU,GAAG,EAAE,CAAA;QACnB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CACvC,aAAuC,CACxC,EAAE,CAAC;YACF,UAAU,GAAG;gBACX,GAAG,UAAU;gBACb,CAAC,GAAG,CAAC,EAAE;oBACL,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,IAAI;oBAChB,GAAG,EAAE,GAAG,EAAE;wBACR,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;4BACvC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;wBAC/B,CAAC;wBACD,OAAO,KAAK,CAAA;oBACd,CAAC;iBACF;aACF,CAAA;QACH,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;QAClD,OAAO,aAAa,CAAA;IACtB,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}
+{"version":3,"file":"useSyncExternalStoreWithTracked.js","sourceRoot":"","sources":["../../../src/hooks/useSyncExternalStoreWithTracked.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE7D,MAAM,aAAa,GAAG,CAAC,GAAY,EAA8B,EAAE,CACjE,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;AAEhD,MAAM,UAAU,+BAA+B,CAI7C,SAAoD,EACpD,WAA2B,EAC3B,oBAAkD,WAAW,EAC7D,UAAmD,SAAS;IAE5D,MAAM,WAAW,GAAG,MAAM,CAAc,IAAI,GAAG,EAAE,CAAC,CAAA;IAClD,MAAM,cAAc,GAAG,MAAM,CAAwB,SAAS,CAAC,CAAA;IAC/D,MAAM,aAAa,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC,CAAA;IAE3C,MAAM,QAAQ,GAAG,oBAAoB,CACnC,CAAC,QAAQ,EAAE,EAAE,CACX,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,WAAW,EAAE,CAAA;QACrC,QAAQ,EAAE,CAAA;IACZ,CAAC,CAAC,EACJ,GAAG,EAAE,CAAC,aAAa,CAAC,OAAQ,EAC5B,iBAAiB,CAClB,CAAA;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC7B,OAAO,QAAQ,CAAA;QACjB,CAAC;QAED,MAAM,aAAa,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAA;QACrC,MAAM,CAAC,gBAAgB,CACrB,aAAa,EACb,MAAM,CAAC,WAAW,CAChB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;YAClD,GAAG;YACH;gBACE,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,IAAI;gBAChB,GAAG,EAAE,GAAG,EAAE;oBACR,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;oBAC5B,OAAO,KAAK,CAAA;gBACd,CAAC;aACF;SACF,CAAC,CACH,CACF,CAAA;QACD,OAAO,aAAa,CAAA;IACtB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;YACzD,cAAc,CAAC,OAAO,GAAG,MAAM,CAAA;YAC/B,OAAO,MAAM,CAAA;QACf,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,CACrD,CAAC,GAAG,EAAE,EAAE,CACN,CAAC,OAAO,CACL,MAAoC,CAAC,GAAG,CAAC,EACzC,cAAc,CAAC,OAAqC,CAAC,GAAG,CAAC,CAC3D,CACJ,CAAA;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,cAAc,CAAC,OAAO,CAAA;QAC/B,CAAC;QACD,cAAc,CAAC,OAAO,GAAG,MAAM,CAAA;QAC/B,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;AACvB,CAAC"}

package/dist/esm/hydrate.d.ts

@@ -0,0 +1,17 @@
+import { type Config, type State } from '@bigmi/client';
+import { type ReactElement } from 'react';
+import type { ResolvedRegister } from './types.js';
+export type HydrateProps = {
+    config: ResolvedRegister['config'];
+    initialState?: State | undefined;
+    reconnectOnMount?: boolean | undefined;
+};
+type HydrateParameters = {
+    initialState?: State | undefined;
+    reconnectOnMount?: boolean | undefined;
+};
+export declare function hydrate(config: Config, parameters: HydrateParameters): {
+    onMount(): Promise<void>;
+};
+export declare function Hydrate(parameters: React.PropsWithChildren<HydrateProps>): ReactElement;
+export {};

package/dist/esm/hydrate.js

@@ -0,0 +1,61 @@
+'use client';
+import { reconnect } from '@bigmi/client';
+import { useEffect, useRef } from 'react';
+export function hydrate(config, parameters) {
+    const { initialState, reconnectOnMount } = parameters;
+    if (initialState && !config._internal.store.persist.hasHydrated()) {
+        config.setState({
+            ...initialState,
+            chainId: config.chains.some((x) => x.id === initialState.chainId)
+                ? initialState.chainId
+                : config.chains[0].id,
+            connections: reconnectOnMount ? initialState.connections : new Map(),
+            status: reconnectOnMount ? 'reconnecting' : 'disconnected',
+        });
+    }
+    return {
+        async onMount() {
+            if (config._internal.ssr) {
+                await config._internal.store.persist.rehydrate();
+            }
+            if (reconnectOnMount) {
+                reconnect(config);
+            }
+            else if (config.storage) {
+                // Reset connections that may have been hydrated from storage.
+                config.setState((x) => ({
+                    ...x,
+                    connections: new Map(),
+                }));
+            }
+        },
+    };
+}
+export function Hydrate(parameters) {
+    const { children, config, initialState, reconnectOnMount = true } = parameters;
+    const { onMount } = hydrate(config, {
+        initialState,
+        reconnectOnMount,
+    });
+    // Hydrate for non-SSR
+    if (!config._internal.ssr) {
+        onMount();
+    }
+    // Hydrate for SSR
+    const active = useRef(true);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: `queryKey` not required
+    useEffect(() => {
+        if (!active.current) {
+            return;
+        }
+        if (!config._internal.ssr) {
+            return;
+        }
+        onMount();
+        return () => {
+            active.current = false;
+        };
+    }, []);
+    return children;
+}
+//# sourceMappingURL=hydrate.js.map

package/dist/esm/hydrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate.js","sourceRoot":"","sources":["../../src/hydrate.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAA2B,SAAS,EAAE,MAAM,eAAe,CAAA;AAElE,OAAO,EAAqB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAe5D,MAAM,UAAU,OAAO,CAAC,MAAc,EAAE,UAA6B;IACnE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAA;IAErD,IAAI,YAAY,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;QAClE,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,YAAY;YACf,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,OAAO,CAAC;gBAC/D,CAAC,CAAC,YAAY,CAAC,OAAO;gBACtB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;YACvB,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YACpE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc;SAC3D,CAAC,CAAA;IACJ,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO;YACX,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;gBACzB,MAAM,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAA;YAClD,CAAC;YAED,IAAI,gBAAgB,EAAE,CAAC;gBACrB,SAAS,CAAC,MAAM,CAAC,CAAA;YACnB,CAAC;iBAAM,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC1B,8DAA8D;gBAC9D,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;oBACtB,GAAG,CAAC;oBACJ,WAAW,EAAE,IAAI,GAAG,EAAE;iBACvB,CAAC,CAAC,CAAA;YACL,CAAC;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,UAAiD;IACvE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,GAAG,IAAI,EAAE,GAAG,UAAU,CAAA;IAE9E,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE;QAClC,YAAY;QACZ,gBAAgB;KACjB,CAAC,CAAA;IAEF,sBAAsB;IACtB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QAC1B,OAAO,EAAE,CAAA;IACX,CAAC;IAED,kBAAkB;IAClB,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC3B,mFAAmF;IACnF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAM;QACR,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;YAC1B,OAAM;QACR,CAAC;QACD,OAAO,EAAE,CAAA;QACT,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,GAAG,KAAK,CAAA;QACxB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,QAAwB,CAAA;AACjC,CAAC"}

package/dist/esm/index.d.ts

@@ -2,3 +2,5 @@ export { BigmiContext, BigmiProvider } from './context.js';
 export type { BigmiProviderProps } from './context.js';
 export { useConfig } from './hooks/useConfig.js';
 export { useReconnect } from './hooks/useReconnect.js';
+export { useAccount } from './hooks/useAccount.js';
+export { useConnect } from './hooks/useConnect.js';

package/dist/esm/index.js

@@ -1,4 +1,6 @@
 export { BigmiContext, BigmiProvider } from './context.js';
 export { useConfig } from './hooks/useConfig.js';
 export { useReconnect } from './hooks/useReconnect.js';
+export { useAccount } from './hooks/useAccount.js';
+export { useConnect } from './hooks/useConnect.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/esm/types.d.ts

@@ -0,0 +1,7 @@
+import type { Config } from '@bigmi/client';
+export type Register = {};
+export type ResolvedRegister = {
+    config: Register extends {
+        config: infer config extends Config;
+    } ? config : Config;
+};

package/dist/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/esm/utils/query.d.ts

@@ -0,0 +1,4 @@
+import type { Compute, UnionStrictOmit } from '@bigmi/core';
+import type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
+export type UseMutationParameters<data = unknown, error = Error, variables = void, context = unknown> = Compute<Omit<UseMutationOptions<data, error, Compute<variables>, context>, 'mutationFn' | 'mutationKey' | 'throwOnError'>>;
+export type UseMutationReturnType<data = unknown, error = Error, variables = void, context = unknown> = Compute<UnionStrictOmit<UseMutationResult<data, error, variables, context>, 'mutate' | 'mutateAsync'>>;

package/dist/esm/utils/query.js

@@ -0,0 +1,3 @@
+'use client';
+export {};
+//# sourceMappingURL=query.js.map

package/dist/esm/utils/query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.js","sourceRoot":"","sources":["../../../src/utils/query.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigmi/react",
-  "version": "0.1.1",
+  "version": "0.2.0-beta.1",
   "description": "React primitives for Bitcoin apps.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -29,15 +29,13 @@
     "hooks"
   ],
   "dependencies": {
-    "use-sync-external-store": "^1.4.0",
-    "viem": "^2.22.21",
-    "@bigmi/client": "^0.1.1",
-    "@bigmi/core": "^0.1.1"
+    "@bigmi/client": "^0.2.0-beta.1",
+    "@bigmi/core": "^0.2.0-beta.1"
   },
   "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18",
-    "wagmi": "^2.14.0"
+    "@tanstack/react-query": "^5.74.11",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "exports": {
     ".": {

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@bigmi/react",
-  "version": "0.1.1",
+  "version": "0.2.0-beta.1",
   "description": "React primitives for Bitcoin apps.",
   "type": "module",
   "main": "./src/index.ts",
@@ -43,20 +43,20 @@
   ],
   "dependencies": {
     "@bigmi/client": "workspace:^",
-    "@bigmi/core": "workspace:^",
-    "use-sync-external-store": "^1.4.0",
-    "viem": "^2.22.21"
+    "@bigmi/core": "workspace:^"
   },
   "devDependencies": {
-    "@types/use-sync-external-store": "^0.0.6",
+    "@tanstack/react-query": "^5.75.7",
     "cpy-cli": "^5.0.0",
     "madge": "^8.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "typescript": "^5.7.3"
   },
   "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18",
-    "wagmi": "^2.14.0"
+    "@tanstack/react-query": "^5.74.11",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "files": ["dist/**", "src/**", "!tsconfig.json"]
 }

package/src/context.ts

@@ -1,7 +1,9 @@
 'use client'
+import type { State } from '@bigmi/client'
 import { type PropsWithChildren, createContext, createElement } from 'react'
-import type { ResolvedRegister, State } from 'wagmi'
-import { Hydrate } from 'wagmi'
+
+import { Hydrate } from './hydrate.js'
+import type { ResolvedRegister } from './types.js'
 
 export const BigmiContext = createContext<
   ResolvedRegister['config'] | undefined

package/src/errors/context.ts

@@ -1,4 +1,4 @@
-import { BaseError } from 'wagmi'
+import { BaseError } from '@bigmi/core'
 
 export type BigmiProviderNotFoundErrorType = BigmiProviderNotFoundError & {
   name: 'BigmiProviderNotFoundError'

package/src/hooks/useAccount.ts

@@ -1,15 +1,22 @@
 'use client'
-import type {
-  Config,
-  ResolvedRegister,
-  UseAccountParameters,
-  UseAccountReturnType,
-} from 'wagmi'
-import { getAccount, watchAccount } from 'wagmi/actions'
-import { useConfig } from './useConfig.js'
+
+import {
+  type Config,
+  type GetAccountReturnType,
+  getAccount,
+  watchAccount,
+} from '@bigmi/client'
+
+import type { ResolvedRegister } from '../types.js'
+import { type ConfigParameter, useConfig } from './useConfig.js'
 import { useSyncExternalStoreWithTracked } from './useSyncExternalStoreWithTracked.js'
 
-/** https://wagmi.sh/react/api/hooks/useAccount */
+export type UseAccountParameters<config extends Config = Config> =
+  ConfigParameter<config>
+
+export type UseAccountReturnType<config extends Config = Config> =
+  GetAccountReturnType<config>
+
 export function useAccount<C extends Config = ResolvedRegister['config']>(
   parameters: UseAccountParameters<C> = {}
 ): UseAccountReturnType<C> {

package/src/hooks/useConfig.ts

@@ -1,15 +1,20 @@
 'use client'
 import { useContext } from 'react'
-import type {
-  Config,
-  ResolvedRegister,
-  UseConfigParameters,
-  UseConfigReturnType,
-} from 'wagmi'
+
+import type { Config } from '@bigmi/client'
 import { BigmiContext } from '../context.js'
 import { BigmiProviderNotFoundError } from '../errors/context.js'
+import type { ResolvedRegister } from '../types.js'
+
+export type ConfigParameter<config extends Config = Config> = {
+  config?: Config | config | undefined
+}
+
+export type UseConfigParameters<config extends Config = Config> =
+  ConfigParameter<config>
+
+export type UseConfigReturnType<config extends Config = Config> = config
 
-/** https://wagmi.sh/react/api/hooks/useConfig */
 export function useConfig<C extends Config = ResolvedRegister['config']>(
   parameters: UseConfigParameters<C> = {}
 ): UseConfigReturnType<C> {

package/src/hooks/useConnect.ts

@@ -0,0 +1,90 @@
+'use client'
+
+import {
+  type Config,
+  type ConnectData,
+  type ConnectErrorType,
+  type ConnectMutate,
+  type ConnectMutateAsync,
+  type ConnectVariables,
+  connectMutationOptions,
+} from '@bigmi/client'
+import type { Compute } from '@bigmi/core'
+import { useMutation } from '@tanstack/react-query'
+import { useEffect } from 'react'
+import type { ResolvedRegister } from '../types.js'
+import type {
+  UseMutationParameters,
+  UseMutationReturnType,
+} from '../utils/query.js'
+import { type ConfigParameter, useConfig } from './useConfig.js'
+import { type UseConnectorsReturnType, useConnectors } from './useConnectors.js'
+
+export type UseConnectParameters<
+  config extends Config = Config,
+  context = unknown,
+> = Compute<
+  ConfigParameter<config> & {
+    mutation?:
+      | UseMutationParameters<
+          ConnectData<config>,
+          ConnectErrorType,
+          ConnectVariables<config, config['connectors'][number]>,
+          context
+        >
+      | undefined
+  }
+>
+
+export type UseConnectReturnType<
+  config extends Config = Config,
+  context = unknown,
+> = Compute<
+  UseMutationReturnType<
+    ConnectData<config>,
+    ConnectErrorType,
+    ConnectVariables<config, config['connectors'][number]>,
+    context
+  > & {
+    connect: ConnectMutate<config, context>
+    connectAsync: ConnectMutateAsync<config, context>
+    connectors: Compute<UseConnectorsReturnType> | config['connectors']
+  }
+>
+
+export function useConnect<
+  config extends Config = ResolvedRegister['config'],
+  context = unknown,
+>(
+  parameters: UseConnectParameters<config, context> = {}
+): UseConnectReturnType<config, context> {
+  const { mutation } = parameters
+
+  const config = useConfig(parameters)
+
+  const mutationOptions = connectMutationOptions(config)
+  const { mutate, mutateAsync, ...result } = useMutation({
+    ...mutation,
+    ...mutationOptions,
+  })
+
+  // Reset mutation back to an idle state when the connector disconnects.
+  useEffect(() => {
+    return config.subscribe(
+      ({ status }) => status,
+      (status, previousStatus) => {
+        if (previousStatus === 'connected' && status === 'disconnected') {
+          result.reset()
+        }
+      }
+    )
+  }, [config, result.reset])
+
+  type Return = UseConnectReturnType<config, context>
+  return {
+    ...(result as Return),
+    connect: mutate as Return['connect'],
+    connectAsync: mutateAsync as Return['connectAsync'],
+    connectors: useConnectors({ config }),
+  }
+}

package/src/hooks/useConnectors.ts

@@ -0,0 +1,32 @@
+'use client'
+
+import {
+  type Config,
+  type GetConnectorsReturnType,
+  getConnectors,
+  watchConnectors,
+} from '@bigmi/client'
+import { useSyncExternalStore } from 'react'
+import type { ResolvedRegister } from '../types.js'
+import { type ConfigParameter, useConfig } from './useConfig.js'
+
+export type UseConnectorsParameters<config extends Config = Config> =
+  ConfigParameter<config>
+
+export type UseConnectorsReturnType<config extends Config = Config> =
+  GetConnectorsReturnType<config>
+
+/** https://wagmi.sh/react/api/hooks/useConnectors */
+export function useConnectors<
+  config extends Config = ResolvedRegister['config'],
+>(
+  parameters: UseConnectorsParameters<config> = {}
+): UseConnectorsReturnType<config> {
+  const config = useConfig(parameters)
+
+  return useSyncExternalStore(
+    (onChange) => watchConnectors(config, { onChange }),
+    () => getConnectors(config),
+    () => getConnectors(config)
+  )
+}

package/src/hooks/useReconnect.ts

@@ -1,6 +1,8 @@
-import { reconnect } from '@bigmi/client'
+'use client'
+
+import { type Config, reconnect } from '@bigmi/client'
+
 import { useEffect } from 'react'
-import type { Config } from 'wagmi'
 
 export const useReconnect = (config: Config) => {
   useEffect(() => {

package/src/hooks/useSyncExternalStoreWithTracked.ts

@@ -1,66 +1,76 @@
 'use client'
-import { useRef } from 'react'
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js'
-import { deepEqual } from 'wagmi'
+import { deepEqual } from '@bigmi/core'
+import { useMemo, useRef, useSyncExternalStore } from 'react'
 
-const isPlainObject = (obj: unknown) =>
+const isPlainObject = (obj: unknown): obj is Record<string, any> =>
   typeof obj === 'object' && !Array.isArray(obj)
 
 export function useSyncExternalStoreWithTracked<
-  snapshot extends selection,
-  selection = snapshot,
+  Snapshot extends Selection,
+  Selection = Snapshot,
 >(
   subscribe: (onStoreChange: () => void) => () => void,
-  getSnapshot: () => snapshot,
-  getServerSnapshot: undefined | null | (() => snapshot) = getSnapshot,
-  isEqual: (a: selection, b: selection) => boolean = deepEqual
+  getSnapshot: () => Snapshot,
+  getServerSnapshot: (() => Snapshot) | undefined = getSnapshot,
+  isEqual: (a: Selection, b: Selection) => boolean = deepEqual
 ) {
-  const trackedKeys = useRef<string[]>([])
-  const result = useSyncExternalStoreWithSelector(
-    subscribe,
-    getSnapshot,
-    getServerSnapshot,
-    (x) => x,
-    (a, b) => {
-      if (isPlainObject(a) && isPlainObject(b) && trackedKeys.current.length) {
-        for (const key of trackedKeys.current) {
-          const equal = isEqual(
-            (a as { [_a: string]: any })[key],
-            (b as { [_b: string]: any })[key]
-          )
-          if (!equal) {
-            return false
-          }
-        }
-        return true
-      }
-      return isEqual(a, b)
-    }
+  const trackedKeys = useRef<Set<string>>(new Set())
+  const previousResult = useRef<Selection | undefined>(undefined)
+  const snapshotCache = useRef(getSnapshot())
+
+  const snapshot = useSyncExternalStore(
+    (onChange) =>
+      subscribe(() => {
+        snapshotCache.current = getSnapshot()
+        onChange()
+      }),
+    () => snapshotCache.current!,
+    getServerSnapshot
   )
 
-  if (isPlainObject(result)) {
-    const trackedResult = { ...result }
-    let properties = {}
-    for (const [key, value] of Object.entries(
-      trackedResult as { [key: string]: any }
-    )) {
-      properties = {
-        ...properties,
-        [key]: {
-          configurable: false,
-          enumerable: true,
-          get: () => {
-            if (!trackedKeys.current.includes(key)) {
-              trackedKeys.current.push(key)
-            }
-            return value
-          },
-        },
-      }
+  const result = useMemo(() => {
+    if (!isPlainObject(snapshot)) {
+      return snapshot
     }
-    Object.defineProperties(trackedResult, properties)
+
+    const trackedResult = { ...snapshot }
+    Object.defineProperties(
+      trackedResult,
+      Object.fromEntries(
+        Object.entries(trackedResult).map(([key, value]) => [
+          key,
+          {
+            configurable: false,
+            enumerable: true,
+            get: () => {
+              trackedKeys.current.add(key)
+              return value
+            },
+          },
+        ])
+      )
+    )
     return trackedResult
-  }
+  }, [snapshot])
 
-  return result
+  return useMemo(() => {
+    if (!trackedKeys.current.size || !previousResult.current) {
+      previousResult.current = result
+      return result
+    }
+
+    const hasChanged = Array.from(trackedKeys.current).some(
+      (key) =>
+        !isEqual(
+          (result as Record<string, Selection>)[key],
+          (previousResult.current as Record<string, Selection>)[key]
+        )
+    )
+
+    if (!hasChanged) {
+      return previousResult.current
+    }
+    previousResult.current = result
+    return result
+  }, [result, isEqual])
 }

package/src/hydrate.ts

@@ -0,0 +1,83 @@
+'use client'
+
+import { type Config, type State, reconnect } from '@bigmi/client'
+
+import { type ReactElement, useEffect, useRef } from 'react'
+
+import type { ResolvedRegister } from './types.js'
+
+export type HydrateProps = {
+  config: ResolvedRegister['config']
+  initialState?: State | undefined
+  reconnectOnMount?: boolean | undefined
+}
+
+type HydrateParameters = {
+  initialState?: State | undefined
+  reconnectOnMount?: boolean | undefined
+}
+
+export function hydrate(config: Config, parameters: HydrateParameters) {
+  const { initialState, reconnectOnMount } = parameters
+
+  if (initialState && !config._internal.store.persist.hasHydrated()) {
+    config.setState({
+      ...initialState,
+      chainId: config.chains.some((x) => x.id === initialState.chainId)
+        ? initialState.chainId
+        : config.chains[0].id,
+      connections: reconnectOnMount ? initialState.connections : new Map(),
+      status: reconnectOnMount ? 'reconnecting' : 'disconnected',
+    })
+  }
+
+  return {
+    async onMount() {
+      if (config._internal.ssr) {
+        await config._internal.store.persist.rehydrate()
+      }
+
+      if (reconnectOnMount) {
+        reconnect(config)
+      } else if (config.storage) {
+        // Reset connections that may have been hydrated from storage.
+        config.setState((x) => ({
+          ...x,
+          connections: new Map(),
+        }))
+      }
+    },
+  }
+}
+
+export function Hydrate(parameters: React.PropsWithChildren<HydrateProps>) {
+  const { children, config, initialState, reconnectOnMount = true } = parameters
+
+  const { onMount } = hydrate(config, {
+    initialState,
+    reconnectOnMount,
+  })
+
+  // Hydrate for non-SSR
+  if (!config._internal.ssr) {
+    onMount()
+  }
+
+  // Hydrate for SSR
+  const active = useRef(true)
+  // biome-ignore lint/correctness/useExhaustiveDependencies: `queryKey` not required
+  useEffect(() => {
+    if (!active.current) {
+      return
+    }
+    if (!config._internal.ssr) {
+      return
+    }
+    onMount()
+    return () => {
+      active.current = false
+    }
+  }, [])
+
+  return children as ReactElement
+}

package/src/index.ts

@@ -2,3 +2,5 @@ export { BigmiContext, BigmiProvider } from './context.js'
 export type { BigmiProviderProps } from './context.js'
 export { useConfig } from './hooks/useConfig.js'
 export { useReconnect } from './hooks/useReconnect.js'
+export { useAccount } from './hooks/useAccount.js'
+export { useConnect } from './hooks/useConnect.js'

package/src/types.ts

@@ -0,0 +1,9 @@
+import type { Config } from '@bigmi/client'
+
+// biome-ignore lint/complexity/noBannedTypes: <explanation>
+export type Register = {}
+export type ResolvedRegister = {
+  config: Register extends { config: infer config extends Config }
+    ? config
+    : Config
+}

package/src/utils/query.ts

@@ -0,0 +1,31 @@
+'use client'
+
+import type { Compute, UnionStrictOmit } from '@bigmi/core'
+import type {
+  UseMutationOptions,
+  UseMutationResult,
+} from '@tanstack/react-query'
+
+export type UseMutationParameters<
+  data = unknown,
+  error = Error,
+  variables = void,
+  context = unknown,
+> = Compute<
+  Omit<
+    UseMutationOptions<data, error, Compute<variables>, context>,
+    'mutationFn' | 'mutationKey' | 'throwOnError'
+  >
+>
+
+export type UseMutationReturnType<
+  data = unknown,
+  error = Error,
+  variables = void,
+  context = unknown,
+> = Compute<
+  UnionStrictOmit<
+    UseMutationResult<data, error, variables, context>,
+    'mutate' | 'mutateAsync'
+  >
+>