Tengo dos valores para inspeccionar y mostrar en mi página: connected (booleano) y publicKey (PublicKey). Si se cambia el valor de alguno, vuelva a renderizar el componente y muestre el valor cambiado en la página.

Actualmente, mi código es el siguiente, no mostrará los cambios, incluso si se actualizó el valor. ¿Qué tengo que hacer?

 import { useWallet } from "@solana/wallet-adapter-react"; import { useEffect } from "react"; export default function TestComponent() { const { connected, publicKey } = useWallet(); return ( <div> <h2>Is Connect?: {connected}</h2> <h2>Public Key: {publicKey?.toString}</h2> </div> ) }

Y el código fuente de useWallet() es sobre:

 export interface WalletContextState extends WalletAdapterProps { wallets: Wallet[]; autoConnect: boolean; wallet: Wallet | null; } export interface WalletAdapterProps { publicKey: PublicKey | null; connected: boolean; } export const WalletContext = createContext<WalletContextState>({} as WalletContextState); export function useWallet(): WalletContextState { return useContext(WalletContext); }