diff --git a/src/pages/scr/dashboard/pelayanan-surat/list_pelayanan_page.tsx b/src/pages/scr/dashboard/pelayanan-surat/list_pelayanan_page.tsx
index f7f538e..4128259 100644
--- a/src/pages/scr/dashboard/pelayanan-surat/list_pelayanan_page.tsx
+++ b/src/pages/scr/dashboard/pelayanan-surat/list_pelayanan_page.tsx
@@ -47,10 +47,14 @@ export default function PelayananSuratListPage() {
 
 function TabListPelayananSurat({ status }: { status: string }) {
   const navigate = useNavigate();
-  const dataCount = useSwr("/pelayanan-surat/count", () =>
+  const { data, mutate, isLoading } = useSwr("/pelayanan-surat/count", () =>
     apiFetch.api.pelayanan.count.get().then((res) => res.data),
   );
 
+  useShallowEffect(() => {
+    mutate();
+  }, []);
+
   return (
     <Tabs defaultValue={status || "semua"} color="teal">
       <Tabs.List grow>
@@ -60,7 +64,7 @@ function TabListPelayananSurat({ status }: { status: string }) {
             navigate("?status=semua");
           }}
         >
-          Semua ({dataCount?.data?.semua || 0})
+          Semua ({data?.semua || 0})
         </Tabs.Tab>
         <Tabs.Tab
           value="antrian"
@@ -68,7 +72,7 @@ function TabListPelayananSurat({ status }: { status: string }) {
             navigate("?status=antrian");
           }}
         >
-          Antrian ({dataCount?.data?.antrian || 0})
+          Antrian ({data?.antrian || 0})
         </Tabs.Tab>
         <Tabs.Tab
           value="diterima"
@@ -76,15 +80,7 @@ function TabListPelayananSurat({ status }: { status: string }) {
             navigate("?status=diterima");
           }}
         >
-          Diterima ({dataCount?.data?.diterima || 0})
-        </Tabs.Tab>
-        <Tabs.Tab
-          value="dikerjakan"
-          onClick={() => {
-            navigate("?status=dikerjakan");
-          }}
-        >
-          Dikerjakan ({dataCount?.data?.dikerjakan || 0})
+          Diterima ({data?.diterima || 0})
         </Tabs.Tab>
         <Tabs.Tab
           value="selesai"
@@ -92,7 +88,7 @@ function TabListPelayananSurat({ status }: { status: string }) {
             navigate("?status=selesai");
           }}
         >
-          Selesai ({dataCount?.data?.selesai || 0})
+          Selesai ({data?.selesai || 0})
         </Tabs.Tab>
         <Tabs.Tab
           value="ditolak"
@@ -100,7 +96,7 @@ function TabListPelayananSurat({ status }: { status: string }) {
             navigate("?status=ditolak");
           }}
         >
-          Ditolak ({dataCount?.data?.ditolak || 0})
+          Ditolak ({data?.ditolak || 0})
         </Tabs.Tab>
       </Tabs.List>
     </Tabs>
@@ -189,7 +185,7 @@ function ListPelayananSurat({ status }: { status: StatusKey }) {
           </Stack>
         </Flex>
       ) : (
-        list?.map((v: any) => (
+        Array.isArray(list) && list?.map((v: any) => (
           <Card
             key={v.id}
             radius="lg"