How to use wallet connect

gistfile1.txt

- Import thư viện và tạo connector
import WalletConnect from "@walletconnect/client";
import QRCodeModal from "@walletconnect/qrcode-modal";

// Create a connector
const connector = new WalletConnect({
	bridge: "https://bridge.walletconnect.org", // Required
	qrcodeModal: QRCodeModal,
});

- Connect wallet:
if (!connector.connected) {
			// create new session
			connector.createSession();
		}

		// Subscribe to connection events
		connector.on("connect", (error, payload) => {
			if (error) {
				throw error;
			}
			console.log("connect ok")
			// Get provided accounts and chainId
			const {
				accounts,
				chainId
			} = payload.params[0];

			this.setState({
				account: accounts[0]
			})

- Tạo transaction:
  const data = this.state.smartcontract.methods.functionName(param....).encodeABI();

	const tx = {
			from: this.state.account, // Required
			to: contractAddress, // Required (for non contract deployments)
			data: data, // Required
			gasPrice: "0x02540be400", // Optional
			gas: "0x9c40", // Optional
			value: "0x00", // Optional
			nonce: "0x0114", // Optional
		  };
		  
		  // Send transaction
		connector
			.sendTransaction(tx)
			.then((result) => {
			  // Returns transaction id (hash)
			  console.log(result);
			})
			.catch((error) => {
			  // Error returned when rejected
			  console.error(error);
			});