fix address format

react/react-solana/src/App.tsx

@@ -17,11 +17,11 @@ createAppKit({
 })
 
 export function App() {
-  const [transactionHash, setTransactionHash] = useState<`0x${string}` | undefined>(undefined);
+  const [transactionHash, setTransactionHash] = useState<string | undefined>(undefined);
   const [signedMsg, setSignedMsg] = useState('');
   const [balance, setBalance] = useState('');
 
-  const receiveHash = (hash: `0x${string}`) => {
+  const receiveHash = (hash: string) => {
     setTransactionHash(hash); // Update the state with the transaction hash
   };
 

react/react-solana/src/components/ActionButtonList.tsx

@@ -14,7 +14,7 @@ export const ActionButtonList = ({ sendHash, sendSignMsg, sendBalance }: ActionB
     const { disconnect } = useDisconnect();
     const { open } = useAppKit();
     const { switchNetwork } = useAppKitNetwork();
-    const { address } = useAppKitAccount()
+    const { isConnected, address } = useAppKitAccount()
     const { connection } = useAppKitConnection();
     const { walletProvider } = useAppKitProvider<Provider>('solana')
 
@@ -75,16 +75,20 @@ export const ActionButtonList = ({ sendHash, sendSignMsg, sendBalance }: ActionB
         console.error("Failed to disconnect:", error);
       }
     };
-  return (
-    <div >
-        <div >
-        <button onClick={() => open()}>Open</button>
-        <button onClick={handleDisconnect}>Disconnect</button>
-        <button onClick={() => switchNetwork(networks[1]) }>Switch</button>
-        <button onClick={handleSignMsg}>Sign msg</button>
-        <button onClick={handleSendTx}>Send tx</button>
-        <button onClick={handleGetBalance}>Get Balance</button>  
-    </div>
-    </div>
-  )
-}
+    return (
+      <>
+        {isConnected ? (
+          <div >
+            <div >
+              <button onClick={() => open()}>Open</button>
+              <button onClick={handleDisconnect}>Disconnect</button>
+              <button onClick={() => switchNetwork(networks[1]) }>Switch</button>
+              <button onClick={handleSignMsg}>Sign msg</button>
+              <button onClick={handleSendTx}>Send tx</button>
+              <button onClick={handleGetBalance}>Get Balance</button>  
+            </div>
+          </div>
+        ) : null}
+      </>
+    );
+  }

react/react-solana/src/components/InfoList.tsx

@@ -8,7 +8,7 @@ import {
      } from '@reown/appkit/react'
 
 interface InfoListProps {
-    hash: `0x${string}` | undefined;
+    hash: string | undefined;
     signedMsg: string;
     balance: string;
 }