fix(web): type fix and wagmi hook

Author: ShubhamParkhi

web/netlify.toml

@@ -9,6 +9,3 @@ YARN_ENABLE_GLOBAL_CACHE = "true"
 
 [functions]
 directory = "web/netlify/functions/"
-
-[dev]
-framework = "parcel"

web/src/components/ConnectWallet/index.tsx

@@ -37,7 +37,7 @@ const ConnectWallet: React.FC = () => {
   const chainId = useChainId();
   const { isConnected } = useAccount();
   if (isConnected) {
-    if (chain && chain.id !== DEFAULT_CHAIN) {
+    if (chainId !== DEFAULT_CHAIN) {
       return <SwitchChainButton />;
     } else return <AccountDisplay />;
   } else return <ConnectButton />;

web/src/layout/Header/navbar/Explore.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import styled, { css } from "styled-components";
 import { landscapeStyle } from "styles/landscapeStyle";
-import { Link, useLocation } from "react-router-dom";
+import { Link, LinkProps, useLocation } from "react-router-dom";
 import { useOpenContext } from "../MobileHeader";
 
 const Container = styled.div`
@@ -33,12 +33,16 @@ const Title = styled.h1`
   )};
 `;
 
-const StyledLink = styled(Link)<{ isActive: boolean }>`
+interface StyledLinkProps extends LinkProps {
+  isActive: boolean;
+}
+
+const StyledLink = styled(({ isActive, ...props }: StyledLinkProps) => <Link {...props} />)`
   color: ${({ theme }) => theme.primaryText};
   text-decoration: none;
   font-size: 16px;
 
-  font-weight: ${({ isActive }) => (isActive ? "600" : "normal")};
+  font-weight: ${({ isActive }: StyledLinkProps) => (isActive ? "600" : "normal")};
 
   ${landscapeStyle(
     () => css`