Merge pull request #31216 from backstage/bui-fix-headertabs

fix: remove default selection of tab

.changeset/clever-papers-watch.md

@@ -0,0 +1,5 @@
+---
+'@backstage/ui': patch
+---
+
+remove default selection of tab

packages/ui/src/components/Header/Header.stories.tsx

@@ -57,14 +57,17 @@ const tabs: HeaderTab[] = [
   {
     id: 'overview',
     label: 'Overview',
+    href: '/overview',
   },
   {
     id: 'checks',
     label: 'Checks',
+    href: '/checks',
   },
   {
     id: 'tracks',
     label: 'Tracks',
+    href: '/tracks',
   },
   {
     id: 'campaigns',
@@ -82,14 +85,17 @@ const tabs2: HeaderTab[] = [
   {
     id: 'Banana',
     label: 'Banana',
+    href: '/banana',
   },
   {
     id: 'Apple',
     label: 'Apple',
+    href: '/apple',
   },
   {
     id: 'Orange',
     label: 'Orange',
+    href: '/orange',
   },
 ];
 

packages/ui/src/components/Tabs/Tabs.tsx

@@ -117,7 +117,7 @@ export const Tabs = (props: TabsProps) => {
         }
       }
     }
-    return undefined;
+    return null;
   })();
 
   if (!children) return null;