From c8fbcefe209a651b34fc91ca618c75f1334b65d0 Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Wed, 25 Mar 2026 16:08:04 +0100
Subject: [PATCH] fix build

---
 .../interfaces/Home/ProjectUsage.tsx          | 39 +++++++++----------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/apps/studio/components/interfaces/Home/ProjectUsage.tsx b/apps/studio/components/interfaces/Home/ProjectUsage.tsx
index e49cba76999..c68647a87e8 100644
--- a/apps/studio/components/interfaces/Home/ProjectUsage.tsx
+++ b/apps/studio/components/interfaces/Home/ProjectUsage.tsx
@@ -214,25 +214,24 @@ const ProjectUsage = () => {
 }
 export default ProjectUsage
 
-const PanelHeader = (props: {
-  icon: ReactNode
-  title: string
-  href?: string
-}) => {
-  const Tag = props?.href ? Link : 'div'
-  return (
-    <Tag href={props.href}>
-      <div
-        className={
-          'flex items-center space-x-3 opacity-80 transition ' +
-          (props.href ? 'cursor-pointer hover:text-gray-1200 hover:opacity-100' : '')
-        }
-      >
-        <div>{props.icon}</div>
-        <span className="flex items-center space-x-1">
-          <h4 className="mb-0 text-lg">{props.title}</h4>
-        </span>
-      </div>
-    </Tag>
+const PanelHeader = (props: { icon: ReactNode; title: string; href?: string }) => {
+  const inner = (
+    <div
+      className={
+        'flex items-center space-x-3 opacity-80 transition ' +
+        (props.href ? 'cursor-pointer hover:text-gray-1200 hover:opacity-100' : '')
+      }
+    >
+      <div>{props.icon}</div>
+      <span className="flex items-center space-x-1">
+        <h4 className="mb-0 text-lg">{props.title}</h4>
+      </span>
+    </div>
   )
+
+  if (props.href) {
+    return <Link href={props.href}>{inner}</Link>
+  }
+
+  return inner
 }