update contract

src/app/page.tsx

@@ -38,7 +38,7 @@ export default function Page() {
           </div>
         </div>
         {address ? (
-          <TransactionWrapper />
+          <TransactionWrapper address={address}/>
         ) : (
           <WalletWrapper
             className="w-[450px] max-w-full"

src/components/TransactionWrapper.tsx

@@ -10,20 +10,20 @@ import type {
   TransactionError,
   TransactionResponse,
 } from '@coinbase/onchainkit/transaction';
-import type { ContractFunctionParameters } from 'viem';
+import type { Address, ContractFunctionParameters } from 'viem';
 import {
   BASE_SEPOLIA_CHAIN_ID,
   mintABI,
   mintContractAddress,
 } from '../constants';
 
-export default function TransactionWrapper() {
+export default function TransactionWrapper({ address }: { address: Address }) {
   const contracts = [
     {
       address: mintContractAddress,
       abi: mintABI,
       functionName: 'mint',
-      args: [],
+      args: [address],
     },
   ] as unknown as ContractFunctionParameters[];
 

src/constants.ts

@@ -1,11 +1,17 @@
 export const BASE_SEPOLIA_CHAIN_ID = 84532;
-export const mintContractAddress = '0x11b4128A343d9aB02bED83050c952f383EAb6B24';
+export const mintContractAddress = '0xA3e40bBe8E8579Cd2619Ef9C6fEA362b760dac9f';
 export const mintABI = [
   {
-    inputs: [],
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'to',
+        type: 'address',
+      },
+    ],
     name: 'mint',
     outputs: [],
-    stateMutability: 'nonpayable',
+    stateMutability: 'public',
     type: 'function',
   },
 ] as const;

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es2020",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,7 +15,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx",
+    "jsx": "preserve",
     "incremental": true,
     "plugins": [
       {
@@ -20,6 +24,13 @@
     ],
     "baseUrl": "."
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }