feat: added multi-wallets support

package.json

@@ -9,13 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@argent/get-starknet": "^2.1.1",
-    "@starknet-react/core": "^0.4.4",
+    "get-starknet": "^1.4.2",
+    "@starknet-react/core": "^0.11.0",
     "next": "12.0.10",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-hook-form": "^7.27.1",
-    "starknet": "^2.5.1"
+    "starknet": "^3.9.0"
   },
   "devDependencies": {
     "@types/node": "17.0.17",

src/components/ConnectWallet.tsx

@@ -1,11 +1,11 @@
-import { useStarknet } from '@starknet-react/core'
+import { InjectedConnector, useStarknet } from '@starknet-react/core'
 
 export function ConnectWallet() {
-  const { account, connectBrowserWallet } = useStarknet()
+  const { account, connect } = useStarknet()
 
   if (account) {
     return <p>Account: {account}</p>
   }
 
-  return <button onClick={connectBrowserWallet}>Connect</button>
+  return <button onClick={() => connect(new InjectedConnector())}>Connect</button>
 }

src/components/IncrementCounter.tsx

@@ -13,7 +13,7 @@ export function IncrementCounter() {
 
   return (
     <div>
-      <button onClick={() => invoke({ args: { amount: '0x1' } })}>Increment Counter by 1</button>
+      <button onClick={() => invoke({ args: [{ amount: '0x1' }] })}>Increment Counter by 1</button>
     </div>
   )
 }

src/hooks/counter.ts

@@ -5,7 +5,7 @@ import CounterAbi from '~/abi/counter.json'
 
 export function useCounterContract() {
   return useContract({
-    abi: CounterAbi.abi as Abi[],
+    abi: CounterAbi.abi as Abi,
     address: '0x036486801b8f42e950824cba55b2df8cccb0af2497992f807a7e1d9abd2c6ba1',
   })
 }

src/hooks/sns.ts

@@ -5,7 +5,7 @@ import SNSAbi from '~/abi/sns_abi.json'
 
 export function useSNSContract() {
   return useContract({
-    abi: SNSAbi.abi as Abi[],
+    abi: SNSAbi.abi as Abi,
     address: '0x02ef8e28b8d7fc96349c76a0607def71c678975dbd60508b9c343458c4758fac',
   })
 }

src/pages/index.tsx

@@ -40,14 +40,14 @@ const Home: NextPage = () => {
       console.log('frontend not connected to SNS contract')
     } else {
       let data_dec_str = string_to_felt_bn(data['nameRequired']).toString()
-      invokeSnsRegister({ args: { name: data_dec_str } })
+      invokeSnsRegister({ args: [{ name: data_dec_str }] })
       console.log('invoked sns_register() with ', data_dec_str)
     }
   }
 
   return (
     <div>
-      <h3>Argent X Wallet</h3>
+      <h3>StarkNet Wallet</h3>
       <ConnectWallet />
 
       <h3>Starknet Name Service / SNS</h3>