EVMConnectorsWatcher()

EVMConnectorsWatcher(props): Element | null

Defined in: satellite-react/src/evm/EVMConnectorsWatcher.tsx:129 

Headless component that keeps the Satellite Connect store in sync with wagmi. Render it once inside SatelliteConnectProvider, next to an EVM adapter created with the same wagmiConfig.

After mount it loads @tuwaio/satellite-evm with a dynamic import and runs its createEVMConnectionsWatcher: account and network changes made in the wallet update the active connection, a wallet disconnect removes it, and with siwx the connection is disconnected when the SIWX sign-in is rejected or fails, or when the account or chain no longer matches the signed-in session. The watcher restarts when wagmiConfig, a field of siwx, the active connector or the connection error changes, and stops on unmount. If the import fails, a warning is logged and nothing is watched.

Parameters

props

EVMConnectorsWatcherProps

The component props. See EVMConnectorsWatcherProps.

Returns

Element | null

null; the component renders nothing.

Example

import { EVMConnectorsWatcher } from '@tuwaio/satellite-react/evm';
import { useSiwxSession } from '@tuwaio/siwx-react';
import type { Config } from '@wagmi/core';
 
export function WatcherContainer({ wagmiConfig }: { wagmiConfig: Config }) {
  const siwxSession = useSiwxSession();
  return <EVMConnectorsWatcher wagmiConfig={wagmiConfig} siwx={siwxSession} />;
}