Refactor useEffect

src/App.tsx

@@ -41,15 +41,15 @@ function App() {
             <Route
               path="/onboarding-success"
               element={<OnboardingSuccess />}
-            ></Route>
+            />
             <Route
               path="/validator"
               element={<Validator />}
-            ></Route>
+            />
             <Route
               path="/validator-success"
               element={<ValidatorSuccess />}
-            ></Route>
+            />
           </Route>
           <Route path="*" element={<PageNotFound />} />
         </Routes>

src/components/TermsAndConditionsBox.tsx

@@ -16,6 +16,7 @@ const TermsAndConditionsBox = ({ height, onLoad }: TermsAndConditionsBoxProps )
 
   function onDocumentLoadSuccess({ numPages }: { numPages: number }): void {
     setNumPages(numPages);
+
     if (onLoad){
       onLoad();
     };

src/pages/ConnectWallet.tsx

@@ -22,19 +22,21 @@ const ConnectWallet = () => {
   }, [checkPersistedState, signClient, session]);
 
   useEffect(() => {
-    if (session) {
+    if (!session) {
+      return;
+    }
+
     if (redirectTo) {
       navigate(`/${redirectTo}`, {
         state: location.state
       });
-
     }
+
     else {
       navigate("/sign-with-nitro-key", {
         state: location.state
       });
     }
-    }
   }, [session, navigate, redirectTo, location.state]);
 
   const handler = async () => {