better performance

src/core/middlewares/withPermission.js

@@ -2,16 +2,24 @@
 
 import { Box, Typography } from "@mui/material";
 import { usePermissions } from "@/lib/hooks/usePermissions";
+import { useEffect, useState } from "react";
 
 function WithPermission({ children, permission_name }) {
     const { data, error, isLoading } = usePermissions();
+    const [cachedData, setCachedData] = useState(null);
 
-    if (error || isLoading || !data || !permission_name) {
+    useEffect(() => {
+        if (data) {
+            setCachedData(data);
+        }
+    }, [data]);
+
+    if (error || isLoading || !cachedData || !permission_name) {
         return null;
     }
 
     const hasPermission =
-        permission_name.includes("all") || permission_name.some((permission) => data.includes(permission));
+        permission_name.includes("all") || permission_name.some((permission) => cachedData.includes(permission));
 
     if (!hasPermission) {
         return (