src/pages/ConnectWallet.tsx

@@ -17,6 +17,9 @@ const ConnectWallet = () => {
   }
 
   useEffect(() => {
+    if (!kycIdHash) {
+      return;
+    }
 
     if (session) {
       navigate("/sign-with-nitro-key", {
@@ -33,6 +36,7 @@ const ConnectWallet = () => {
 
   return (
     <Container maxWidth="lg">
+      {kycIdHash ? <>
         <Box
           display="flex"
           flexDirection="column"
@@ -66,6 +70,26 @@ const ConnectWallet = () => {
           Connect Wallet
           </Button>
         </Box>
+      </> : <Box
+        display="flex"
+        flexDirection="column"
+        alignItems="center"
+        justifyContent="center"
+        marginTop={10}
+        sx={{
+          border: 1,
+          borderColor: 'grey.500',
+        }}
+        padding={5}
+      >
+        <Typography variant="h5" component="h1" gutterBottom color={colors.red[400]}>
+          Error
+        </Typography>
+        <Typography variant="body1">
+          KYC ID not found. Please verify your email and try again
+        </Typography>
+      </Box>
+      }
     </Container>
   );
 };