Update UCK

Author: BriungRi

package.json

@@ -51,20 +51,22 @@
   },
   "license": "UNLICENSED",
   "dependencies": {
-    "@celo-tools/use-contractkit": "^2.1.0",
+    "@celo-tools/use-contractkit": "npm:@poofcash/use-contractkit@^1.0.11",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "@nomspace/nomspace": "^1.0.5",
     "@reduxjs/toolkit": "^1.6.0",
     "@sentry/react": "^6.7.2",
     "@sentry/tracing": "^6.7.2",
+    "@types/qrcode.react": "^1.0.2",
+    "@types/react-modal": "^3.13.1",
     "@web3-react/injected-connector": "^6.0.7",
     "ethers": "^5.4.1",
     "phosphor-react": "^1.3.1",
     "qrcode.react": "^1.0.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-modal": "^3.14.3",
+    "react-modal": "^3.14.4",
     "react-redux": "^7.2.4",
     "react-router-dom": "^5.2.0",
     "react-scripts": "^4.0.3",

src/config.ts

@@ -1,8 +1,8 @@
 import { ChainId } from "@celo-tools/use-contractkit";
 import { toWei } from "web3-utils";
 
-export const NOM = {
-  [ChainId.Mainnet]: "0xABf8faBbC071F320F222A526A2e1fBE26429344d",
+export const NOM: Record<number, string> = {
+  [ChainId.Celo]: "0xABf8faBbC071F320F222A526A2e1fBE26429344d",
   [ChainId.Alfajores]: "0x36C976Da6A6499Cad683064F849afa69CD4dec2e",
   [ChainId.Baklava]: "",
 };

src/hooks/useUserNoms.ts

@@ -11,7 +11,7 @@ export const useUserNoms = () => {
     if (!address) {
       return null;
     }
-    const nomKit = new NomKit(kit as any, NOM[network.chainId]);
+    const nomKit = new NomKit(kit as any, NOM[network.chainId]!);
     return await nomKit.userNoms(address);
   }, [kit, network.chainId, address]);
 

src/index.tsx

@@ -3,7 +3,11 @@ import "@celo-tools/use-contractkit/lib/styles.css";
 import "react-toastify/dist/ReactToastify.min.css";
 import "src/index.css";
 
-import { ContractKitProvider } from "@celo-tools/use-contractkit";
+import {
+  Alfajores,
+  Celo,
+  ContractKitProvider,
+} from "@celo-tools/use-contractkit";
 import * as Sentry from "@sentry/react";
 import { Integrations } from "@sentry/tracing";
 import React from "react";
@@ -46,6 +50,7 @@ ReactDOM.render(
         description: "Protocol for name registration",
         url: "https://app.nom.space",
         icon: "https://www.nom.space/favicon-32x32.png",
+        supportedNetworks: [Celo, Alfajores],
       }}
     >
       <ThemeProvider theme={theme}>