diff --git a/frontend/web/components/BreadcrumbSeparator.tsx b/frontend/web/components/BreadcrumbSeparator.tsx
index 50527a06646b..2bc80b325e95 100644
--- a/frontend/web/components/BreadcrumbSeparator.tsx
+++ b/frontend/web/components/BreadcrumbSeparator.tsx
@@ -255,7 +255,7 @@ const BreadcrumbSeparator: FC<BreadcrumbSeparatorType> = ({
   }
   const [hoveredSection, setHoveredSection] = useState(focus)
   const { permission: canCreateProject } = useHasPermission({
-    id: hoveredOrganisation,
+    id: hoveredOrganisation?.id,
     level: 'organisation',
     permission: Utils.getCreateProjectPermission(hoveredOrganisation),
   })