fixing so much trouble

libs/utils/src/session/guard/index.tsx

@@ -0,0 +1,27 @@
+import { FC, PropsWithChildren, ReactNode, useMemo } from 'react';
+import { useSession } from '../../hooks/use-session';
+
+type TProps = PropsWithChildren<{
+  permissions: Array<string>;
+  fallback?: ReactNode;
+}>;
+
+export const Guard: FC<TProps> = (props): ReactNode => {
+  const { session } = useSession();
+
+  const permissionKeys = useMemo(() => {
+    return session?.user?.role?.permissions.map((perm) => perm.name) ?? [];
+  }, [session?.user?.role]);
+
+  const allowed = useMemo(() => {
+    return props.permissions.every((permission) =>
+      permissionKeys.includes(permission)
+    );
+  }, [permissionKeys, props.permissions]);
+
+  if (allowed) {
+    return props.children;
+  }
+
+  return props.fallback ?? null;
+};

libs/utils/src/session/index.ts

@@ -0,0 +1 @@
+export * from './guard';