Tron React Daap Issue { "code": 5201, "message": "Unknown method(s) requested" } during trc-20 approval

[jay3024]

I am getting the issue while I am making the React dapp using Walletconnect v2. i have done wallet.connect(), wallet.disconnect() wich works properly but when i tries to take approval of trc-20 usdt for spender then i got an error as below. my motive is to use dapp in trust wallet / token pocket.

error: "{
"code": 5201,
"message": "Unknown method(s) requested"
}"

and in trust wallet gives an error like as shown in photo.

below is my code

import { Buffer } from "buffer";

import React, { useState } from "react";
import {TronWeb} from "tronweb"; // Needed for encoding function calls
import {
WalletConnectWallet,
WalletConnectChainID,
} from "@tronweb3/walletconnect-tron";

// ✅ Ensure Buffer is available globally
if (typeof window !== "undefined") {
window.Buffer = Buffer;
}

const USDT_CONTRACT = "TR7NHqjeKQxGTCi8q8ZY4pL8otSzgjLj6t"; // TRC-20 USDT contract on Mainnet
const SPENDER = "MY_SPENDOR_TRON_ADDRESS"; // Replace with actual spender address
const AMOUNT = "90000000"; // 1 USDT (USDT has 6 decimals, so 1 USDT = 1,000,000)

const Tron = () => {
const [wallet, setWallet] = useState(null);
const [walletAddress, setWalletAddress] = useState("");

// Initialize WalletConnect
const initWallet = () => {
try {
const walletInstance = new WalletConnectWallet({
network: WalletConnectChainID.Mainnet,
options: {
relayUrl: "wss://relay.walletconnect.com",
projectId: "6452f101b7036593f91517bdddefc96e",
metadata: {
name: "MyDApp",
description: "DApp WalletConnect",
url: "https://mydapp.com/",
icons: ["https://mydapp.com/logo.png"],
},
},
});

  setWallet(walletInstance);
  console.log("Wallet initialized:", walletInstance);
} catch (error) {
  console.error("Error initializing WalletConnect:", error);
}

};

// Connect Wallet
const connectWallet = async () => {
if (!wallet) {
console.error("Wallet is not initialized!");
return;
}

try {
  const { address } = await wallet.connect();
  setWalletAddress(address); // ✅ Set wallet address to enable Approve button
  console.log("Connected Address:", address);
} catch (error) {
  console.error("Wallet Connect Error:", error);
}

};

// Approve USDT Spending
const approveUSDT = async () => {
if (!wallet) {
console.error("Wallet is not initialized!");
return;
}

try {
// Initialize TronWeb instance
const tronWeb = new TronWeb({
fullHost: "https://api.trongrid.io", // Mainnet RPC
});

// Build the approval transaction
const transaction = await tronWeb.transactionBuilder.triggerSmartContract(
  USDT_CONTRACT,
  "approve(address,uint256)",
  {},
  [
    { type: "address", value: SPENDER },
    { type: "uint256", value: AMOUNT },
  ],
  walletAddress
);

if (!transaction || !transaction.transaction) {
  console.error("Failed to build the approval transaction.");
  return;
}

console.log("Generated Transaction:", transaction);

// Sign the transaction using WalletConnect
const signedTx = await wallet.signTransaction(transaction.transaction);

// Broadcast the transaction to the TRON blockchain
const broadcast = await tronWeb.trx.sendRawTransaction(signedTx);

if (broadcast.result) {
  console.log("Approval Transaction Hash:", broadcast.txid);
  alert(`Transaction Sent! Hash: ${broadcast.txid}`);
} else {
  console.error("Transaction broadcast failed:", broadcast);
}

} catch (error) {
console.error("Error in Approval Transaction:", error);
}
};

const disconnectWallet = async () => {
if (!wallet) {
console.error("Wallet is not initialized!");
return;
}

try {
  await wallet.disconnect(); // ✅ Disconnect from WalletConnect
  setWallet(null); // Clear wallet state
  setWalletAddress(""); // Clear stored wallet address
  console.log("Wallet disconnected.");
  alert("Wallet has been disconnected.");
} catch (error) {
  console.error("Error disconnecting wallet:", error);
}

};

return (
<div style={{ padding: "20px", textAlign: "center" }}>

WalletConnect TRON - Trust Wallet

  {!wallet ? (
    <button onClick={initWallet} style={buttonStyle}>
      Initialize WalletConnect
    </button>
  ) : !walletAddress ? (
    <button onClick={connectWallet} style={buttonStyle}>
      Connect Wallet
    </button>
  ) : (
    <>
      <p>Connected Address: {walletAddress}</p>
      <button onClick={approveUSDT} style={buttonStyle}>
        Approve USDT for Spending
      </button>
      <br /><br />
      <button onClick={disconnectWallet} style={disconnectButtonStyle}>
        Disconnect Wallet
      </button>
    </>
  )}
</div>

);

};

const buttonStyle = {
padding: "10px 20px",
fontSize: "16px",
cursor: "pointer",
margin: "10px",
backgroundColor: "#007bff",
color: "#fff",
border: "none",
borderRadius: "5px",
};
const disconnectButtonStyle = {
padding: "10px 20px",
fontSize: "16px",
cursor: "pointer",
margin: "10px",
backgroundColor: "#dc3545", // Red color for disconnect
color: "#fff",
border: "none",
borderRadius: "5px",
};

export default Tron;

Please help me I am could not able to approve the trc-20 usdt
@quetool @bkrem @ganchoradkov @chris13524 @skibitsky