From c37dff9616a6ae54379d648c4f5414e54f768f03 Mon Sep 17 00:00:00 2001
From: atanasster <atanasster@gmail.com>
Date: Thu, 24 Dec 2020 13:43:54 -0500
Subject: [PATCH] fix: anchor enclose tab to handle click

---
 ui/app/src/SidebarsPage/SidebarsStoryPage.tsx | 39 +++++++++----------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/ui/app/src/SidebarsPage/SidebarsStoryPage.tsx b/ui/app/src/SidebarsPage/SidebarsStoryPage.tsx
index 4d1d42673..fd7a77d1a 100644
--- a/ui/app/src/SidebarsPage/SidebarsStoryPage.tsx
+++ b/ui/app/src/SidebarsPage/SidebarsStoryPage.tsx
@@ -77,26 +77,25 @@ export const SidebarsStoryPage: FC<DocPageProps> = ({ type, doc }) => {
                 const route =
                   tab.route || (tab.title ? tab.title.toLowerCase() : '');
                 return (
-                  <Tab key={`tab_${route}`}>
-                    <Link
-                      href={
-                        story && story.id
-                          ? getStoryPath(
-                              story.id,
-                              tabIndex > 0 ? route : undefined,
-                            )
-                          : docId
-                          ? getDocumentPath(
-                              type,
-                              docId,
-                              tabIndex > 0 ? route : undefined,
-                            )
-                          : '#'
-                      }
-                    >
-                      {tab.title}
-                    </Link>
-                  </Tab>
+                  <Link
+                    key={`tab_${route}`}
+                    href={
+                      story && story.id
+                        ? getStoryPath(
+                            story.id,
+                            tabIndex > 0 ? route : undefined,
+                          )
+                        : docId
+                        ? getDocumentPath(
+                            type,
+                            docId,
+                            tabIndex > 0 ? route : undefined,
+                          )
+                        : '#'
+                    }
+                  >
+                    <Tab>{tab.title}</Tab>
+                  </Link>
                 );
               })}
             </TabList>