Docs

useConnectionStatus

Defined in react-core/src/core/hooks/wallet-hooks.ts#L281

Hook for checking whether your app is connected to a wallet or not.

Example

import { useConnectionStatus } from "@thirdweb-dev/react";
function App() {
  const connectionStatus = useConnectionStatus();
  if (connectionStatus === "unknown") return <p> Loading... </p>;
  if (connectionStatus === "connecting") return <p> Connecting... </p>;
  if (connectionStatus === "connected") return <p> You are connected </p>;
  if (connectionStatus === "disconnected")
    return <p> You are not connected to a wallet </p>;
}

Returns

The wallet connection status

It can be one of the following:

  • unknown : connection status is not known yet. This is the initial state.

  • connecting : wallet is being connected. Either because of a user action, or when the wallet is auto-connecting on page load.

  • connected : the wallet is connected and ready to be used.

  • disconnected : the wallet is not connected.