1 files changed, 15 insertions, 2 deletions
diff --git a/src/modules/result/components/MoreMenu.tsx b/src/modules/result/components/MoreMenu.tsx
index 03c9786..cd4e8be 100644
--- a/src/modules/result/components/MoreMenu.tsx
+++ b/src/modules/result/components/MoreMenu.tsx
@@ -1,16 +1,29 @@
 "use client";
 import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, useDisclosure } from '@nextui-org/react'
 import { MoreVerticalIcon } from 'lucide-react'
-import React from 'react'
+import React, { useState, useEffect } from 'react'
 import ImportModal from './ImportModal';
 import ProductModal from './ProductModal';
 import getClientCredential from '@/common/libs/getClientCredential';
 
+type Credential = {
+  team: string;
+};
+
 const MoreMenu = () => {
-  const credential = getClientCredential()
+  const [credential, setCredential] = useState<Credential | null>(null);
   const importModal = useDisclosure();
   const productModal = useDisclosure();
 
+  useEffect(() => {
+    const cred = getClientCredential();
+    setCredential(cred);
+  }, []);
+
+  if (!credential || credential.team !== 'VERIFICATION') {
+    return null;
+  }
+
   return credential && credential.team == 'VERIFICATION' && (
     <>
       <Dropdown>