yarn add @hedera-react/core @hedera-react/flash @hedera-react/hashconnect @hedera-react/store 

import { initializeConnector } from "@hedera-react/core";
import { FlashConnect } from "@hedera-react/flash";

export const [flashConnector, hooks] = initializeConnector<FlashConnect>(
  (actions) =>
    new FlashConnect({
      actions,
      clientMeta: {
        description: "Flash Wallet Demo",
        url: "https://flash-demo.vercel.app",
        icons: ["https://mintmaster.s3.us-east-1.amazonaws.com/flash.png"],
        name: "Flash Demo",
      },
    })
);

import { flashConnector } from '../../connectors/flashConnector';

  useEffect(() => {
    if (flashConnector.connectEagerly) {
      flashConnector.connectEagerly().catch(() => {
        console.debug("Failed to connect eagerly to walletconnect");
      });
    }
  }, []);
  

  <WalletBtn
    onClick={() => {
        flashConnector.activate().catch((err: any) => {
          console.log('err', err);
        });
    }}
  />

<button onClick={() => flashConnector.deactivate()}>Logout</button>

import { hooks } from '../../connectors/flashConnector';
const { useAccount, useIsActive, chainId, useIsActivating } = hooks;
const active = useIsActive();
const account = useAccount();
const activating = useIsActivating();


// Use as

 {account && <p className="mt-2 text-green-500">account:{account}</p>}
 {chainId && <p className="mt-2 text-green-500">chainId:{chainId}</p>}
 {activating && <p className="mt-2 text-yellow-500">Connecting...</p>}