added the rest

src/components/AuthPages/VerifyLink/index.jsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useState, useLayoutEffect, useCallback } from "react";
 import { useLocation, Link, useNavigate } from "react-router-dom";
 import AuthLayout from "../AuthLayout";
 import InputCom from "../../Helpers/Inputs/InputCom";
@@ -14,31 +14,33 @@ export default function VerifyLink() {
   const queryParams = new URLSearchParams(location?.search)
   const token = queryParams.get('vlink')
 
-  const verifyEmail = async (code) => {
-    const userApi = new usersService()
-
-    try {
-      const verifyRes = await userApi.verifyEmail(code)
-      if (verifyRes.status === 200) {
-        let { data } = verifyRes
-
-        if (data && data.internal_return === 0 && data.status_text === 'Link Verfied') {
-          setPageLoader(false)
-          setLinkSuccess(true)
-        } else {
-          setPageLoader(false)
-          setLinkError(true)
+  const verifyEmail = useCallback(
+    async (code) => {
+      const userApi = new usersService()
+  
+      try {
+        const verifyRes = await userApi.verifyEmail(code)
+        if (verifyRes.status === 200) {
+          let { data } = verifyRes
+  
+          if (data && data.internal_return === 0 && data.status_text === 'Link Verfied') {
+            setPageLoader(false)
+            setLinkSuccess(true)
+          } else {
+            setPageLoader(false)
+            setLinkError(true)
+          }
+          console.log(data)
         }
-        console.log(data)
+      } catch (error) {
+        setPageLoader(false)
+        setLinkError(true)
+        throw new Error(error)
       }
-    } catch (error) {
-      setPageLoader(false)
-      setLinkError(true)
-      throw new Error(error)
-    }
-  }
+    }, []
+  )
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     verifyEmail(token)
   })