diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverview.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverview.tsx index 6e7893be32..9dd63acc4b 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverview.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverview.tsx @@ -53,7 +53,10 @@ export const FeatureOverview = () => { const { splash } = useAuthSplash(); const [showTooltip, setShowTooltip] = useState(false); const [hasClosedTooltip, setHasClosedTooltip] = useState(false); - const { feature, refetchFeature } = useFeature(projectId, featureId); + const { feature, refetchFeature, loading } = useFeature( + projectId, + featureId, + ); const cleanupReminderEnabled = useUiFlag('cleanupReminder'); const dragTooltipSplashId = 'strategy-drag-tooltip'; const shouldShowStrategyDragTooltip = !splash?.[dragTooltipSplashId]; @@ -74,14 +77,16 @@ export const FeatureOverview = () => { ) : null}
- + {!loading ? ( + + ) : null}
{ const path = formatFeatureApiPath(projectId, featureId); - const { data, error, mutate } = useConditionalSWR( - Boolean(featureId && projectId), - { status: 404 }, + const { data, error, mutate } = useSWR( ['useFeature', path], () => featureFetcher(path), options,