Sign Typed Data

import { useOkto } from '@okto_web3/react-sdk'; 
 
function SignTypedData() {
    const oktoClient = useOkto(); 
    
    const data = { 
        types: {  
            EIP712Domain: [ 
                { name: "name", type: "string" }, 
                { name: "chainId", type: "uint256" } 
            ], 
            Test: [ 
                { name: "message", type: "string" } 
            ] 
        }, 
        primaryType: "Test", 
        domain: { 
            name: "OktoTest", 
            chainId: 1
        }, 
        message: { 
            message: "Test message"
        } 
    }; 
 
    async function handleSignTypedData() {
        try {
            const signature = await oktoClient.signTypedData(data); 
            console.log("Signed Typed Data:", signature);
        } catch (error) {
            console.error("Error signing typed data:", error);
        }
    }
 
    return (
        <button onClick={handleSignTypedData}>
            Sign Typed Data
        </button>
    );
}