chore: added gas estimation to example

Author: ignaciosantise

apps/native/App.tsx

@@ -28,7 +28,8 @@ import {
   zora,
   base,
   celo,
-  aurora
+  aurora,
+  sepolia
 } from '@wagmi/core/chains';
 import { AccountView } from './src/views/AccountView';
 import { ActionsView } from './src/views/ActionsView';
@@ -48,7 +49,8 @@ const chains: CreateConfigParameters['chains'] = [
   zora,
   base,
   celo,
-  aurora
+  aurora,
+  sepolia
 ];
 
 const metadata = {

apps/native/src/views/ActionsView.tsx

@@ -1,11 +1,17 @@
 import { Button, Text } from '@web3modal/ui-react-native';
 import { View } from 'react-native';
-import { useSignMessage, useAccount, useSendTransaction } from 'wagmi';
-import { parseEther } from 'viem';
+import { useSignMessage, useAccount, useSendTransaction, useEstimateGas } from 'wagmi';
+import { Hex, parseEther } from 'viem';
 
 export function ActionsView() {
   const { isConnected } = useAccount();
   const { data, isError, isPending, isSuccess, signMessage } = useSignMessage();
+  const TX = {
+    to: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045' as Hex, // vitalik.eth
+    value: parseEther('0.001'),
+    data: '0x' as Hex
+  };
+  const { data: gas, isError: isGasError } = useEstimateGas(TX);
 
   const {
     data: sendData,
@@ -21,17 +27,9 @@ export function ActionsView() {
         Sign
       </Button>
       {isSuccess && <Text>Signature: {data}</Text>}
+      {isGasError && <Text>Error estimating gas</Text>}
       {isError && <Text>Error signing message</Text>}
-      <Button
-        disabled={isSending}
-        onPress={() =>
-          sendTransaction({
-            to: '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045', // vitalik.eth
-            value: parseEther('0.001'),
-            data: '0x'
-          })
-        }
-      >
+      <Button disabled={isSending} onPress={() => sendTransaction({ ...TX, gas })}>
         Send
       </Button>
       {isSending && <Text>Check Wallet</Text>}