const handleMethodSubmit = async (methodName, params, stateMutability) => {
    try {
        const method = contract.methods[methodName];
        const provider = MMSDK.getProvider();
        const accounts = await provider.request({
            method: "eth_requestAccounts",
            params: [],
        });
        const account = accounts[0];
        console.log(account);
        if (stateMutability === "view") {
            const result = await method(...params).call({
                from: account,
            });
            console.log("Method result:", result);
            log("Method result: " + result);
        } else {
            const gasEstimate = await method(...params).estimateGas({
                from: account,
            });
            const transaction = {
                from: account,
                to: contractAddress,
                data: method(...params).encodeABI(),
                gas: gasEstimate.toString(),
                value: "0x0",
                maxFeePerGas: "0x5F5E100",
                maxPriorityFeePerGas: "0x5F5E100",
                chainId: "0xaa36a7",
            };
            const result = await provider.request({
                method: "eth_sendTransaction",
                params: [
                    {
                        ...transaction,
                        feeMarketBid: {
                            maxFeePerGas: transaction.maxFeePerGas,
                            maxPriorityFeePerGas:
                                transaction.maxPriorityFeePerGas,
                        },
                    },
                ],
            });
            console.log("Transaction receipt:", result);
            log("Transaction receipt: " + result);
        }
    } catch (error) {
        console.error("Error executing method:", error);
        log("Error executing method: " + error);
    }
};