@geomak/ui 6.24.0 → 6.24.1

package/dist/index.js

@@ -5969,6 +5969,8 @@ function SecureLayout({
   className = ""
 }) {
   const reduced = useReducedMotion();
+  const cbs = useRef({ canAccess, onGranted, onDeny });
+  cbs.current = { canAccess, onGranted, onDeny };
   const rolesKey = JSON.stringify(roles);
   const requiredRolesKey = JSON.stringify(requiredRoles);
   const permissionsKey = JSON.stringify(permissions);
@@ -5987,18 +5989,19 @@ function SecureLayout({
   );
   useEffect(() => {
     let cancelled = false;
+    const { canAccess: check, onGranted: granted, onDeny: deny } = cbs.current;
     const finish = (ok) => {
       if (cancelled) return;
       setState(ok ? "granted" : "denied");
-      if (ok) onGranted?.();
-      else onDeny?.();
+      if (ok) granted?.();
+      else deny?.();
     };
     if (!passesSync()) {
       finish(false);
-    } else if (!canAccess) {
+    } else if (!check) {
       finish(true);
     } else {
-      const result = canAccess(route);
+      const result = check(route);
       if (result && typeof result.then === "function") {
         setState("checking");
         result.then((ok) => finish(Boolean(ok)));
@@ -6015,7 +6018,6 @@ function SecureLayout({
     route,
     requireAllRoles,
     requireAllPermissions,
-    canAccess,
     rolesKey,
     requiredRolesKey,
     permissionsKey,