CKB KeyWay

npm install @ckb-keyway/react

"use client";

import {
  KeyWayLoginButton,
  KeyWayProvider,
  useKeyWay,
} from "@ckb-keyway/react";

export function Providers({ children }: { children: React.ReactNode }) {
  return <KeyWayProvider appName="Your app">{children}</KeyWayProvider>;
}

export function WalletStatus() {
  const { ready, authenticated, connection } = useKeyWay();

  if (!ready) return <p>Loading...</p>;

  return (
    <div>
      <KeyWayLoginButton />
      {authenticated && !connection ? <p>Recovering wallet...</p> : null}
      {connection ? <p>{connection.wallet.ckbAddress}</p> : null}
    </div>
  );
}