connectSync2Wallet.jsx

import React, { useState, useEffect } from 'react';
import Connex from '@vechain/connex';


const App = () => {
    
    const [walletClient, setWalletClient] = useState(null);

    const connectWallet = async() => {
        const client = new Connex({
            node: 'https://testnet.veblocks.net/',
            network: 'test'
        });
        const clientDetails = client.thor.block().get();
        setWalletClient(clientDetails);
    };
    
    return (

        <div>
            <button onClick={connectWallet}>Connect wallet</button>
            <p>
                {JSON.stringify(walletClient, 2, null)}
            </p>
        </div>

    );

};

export default App;