From 3e4886690906104710831a8066a8a6746266e7af Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Fri, 23 Jan 2026 09:24:20 +0100
Subject: [PATCH] introduce conditional project overview hook

---
 .../src/component/common/BreadcrumbNav/BreadcrumbNav.tsx   | 4 ++--
 .../api/getters/useProjectOverview/useProjectOverview.ts   | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/common/BreadcrumbNav/BreadcrumbNav.tsx b/frontend/src/component/common/BreadcrumbNav/BreadcrumbNav.tsx
index c60777ffe8..84f430220b 100644
--- a/frontend/src/component/common/BreadcrumbNav/BreadcrumbNav.tsx
+++ b/frontend/src/component/common/BreadcrumbNav/BreadcrumbNav.tsx
@@ -4,7 +4,7 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit
 import AccessContext from 'contexts/AccessContext';
 import { useContext } from 'react';
 import { styled } from '@mui/material';
-import useProjectOverview from 'hooks/api/getters/useProjectOverview/useProjectOverview';
+import { useConditionalProjectOverview } from 'hooks/api/getters/useProjectOverview/useProjectOverview';
 import { useOptionalPathParam } from 'hooks/useOptionalPathParam';
 import { Truncator } from '../Truncator/Truncator';
 
@@ -39,7 +39,7 @@ const BreadcrumbNav = () => {
     const location = useLocation();
 
     const projectId = useOptionalPathParam('projectId');
-    const { project } = useProjectOverview(projectId || '');
+    const { project } = useConditionalProjectOverview(projectId);
 
     let paths = location.pathname
         .split('/')
diff --git a/frontend/src/hooks/api/getters/useProjectOverview/useProjectOverview.ts b/frontend/src/hooks/api/getters/useProjectOverview/useProjectOverview.ts
index 79586e2e33..932c398576 100644
--- a/frontend/src/hooks/api/getters/useProjectOverview/useProjectOverview.ts
+++ b/frontend/src/hooks/api/getters/useProjectOverview/useProjectOverview.ts
@@ -31,6 +31,13 @@ const fallbackProject: ProjectOverviewSchema = {
 };
 
 const useProjectOverview = (id: string, options: SWRConfiguration = {}) => {
+    return useConditionalProjectOverview(id, options);
+};
+
+export const useConditionalProjectOverview = (
+    id: string = '',
+    options: SWRConfiguration = {},
+) => {
     const { KEY, fetcher } = getProjectOverviewFetcher(id);
     const { data, error, mutate } = useConditionalSWR<ProjectOverviewSchema>(
         !!id,