Sign typed data (EIP-712)

import { useEthereum } from "@phantom/react-native-sdk";
import { View, Button, Alert, StyleSheet } from "react-native";

function SignTypedData() {
  const { ethereum } = useEthereum();

  const sign = async () => {
    try {
      const accounts = await ethereum.getAccounts();

      const typedData = {
        types: {
          EIP712Domain: [
            { name: "name", type: "string" },
            { name: "version", type: "string" },
            { name: "chainId", type: "uint256" },
            { name: "verifyingContract", type: "address" },
          ],
          Order: [
            { name: "from", type: "address" },
            { name: "to", type: "address" },
            { name: "amount", type: "uint256" },
            { name: "nonce", type: "uint256" },
          ],
        },
        primaryType: "Order",
        domain: {
          name: "My App",
          version: "1",
          chainId: 1,
          verifyingContract: "0xCcCCccccCCCCcCCCCCCcCcCccCcCCCcCcccccccC",
        },
        message: {
          from: accounts[0],
          to: "0x742d35Cc6634C0532925a3b8D4C8db86fB5C4A7E",
          amount: "1000000000000000000",
          nonce: 1,
        },
      };

      const { signature } = await ethereum.signTypedData(typedData, accounts[0]);
      Alert.alert("Success", `Signature: ${signature.slice(0, 20)}...`);
      return signature;
    } catch (error) {
      Alert.alert("Error", error.message);
      throw error;
    }
  };

  return (
    <View style={styles.container}>
      <Button title="Sign Order" onPress={sign} />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    padding: 20,
  },
});