From ba1c5f8de0091bedaf749619a613496ff7a5c9cd Mon Sep 17 00:00:00 2001
From: Daniel Tschinder <daniel@tschinder.de>
Date: Tue, 9 Mar 2021 22:46:06 +0100
Subject: [PATCH] fix: Ensure that initial selected index never goes below 0

---
 src/components/Tabs.js                |  2 +-
 src/components/__tests__/Tabs-test.js | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/Tabs.js b/src/components/Tabs.js
index b3e6fdadb..2baf5f19f 100644
--- a/src/components/Tabs.js
+++ b/src/components/Tabs.js
@@ -99,7 +99,7 @@ For more information about controlled and uncontrolled mode of react-tabs see th
     };
 
     if (newState.mode === MODE_UNCONTROLLED) {
-      const maxTabIndex = getTabsCount(props.children) - 1;
+      const maxTabIndex = Math.max(0, getTabsCount(props.children) - 1);
       let selectedIndex = null;
 
       if (state.selectedIndex != null) {
diff --git a/src/components/__tests__/Tabs-test.js b/src/components/__tests__/Tabs-test.js
index 1b7173777..66e86f726 100644
--- a/src/components/__tests__/Tabs-test.js
+++ b/src/components/__tests__/Tabs-test.js
@@ -541,4 +541,21 @@ describe('<Tabs />', () => {
     expect(firstTab).toHaveFocus();
     assertTabSelected(1);
   });
+
+  test('should render first tab once tabs are available', () => {
+    const { rerender } = render(<Tabs></Tabs>);
+
+    rerender(
+      <Tabs>
+        <TabList>
+          <Tab data-testid="tab1">Tab1</Tab>
+          <Tab data-testid="tab2">Tab2</Tab>
+        </TabList>
+        <TabPanel data-testid="panel1">Hello Tab1</TabPanel>
+        <TabPanel data-testid="panel2">Hello Tab2</TabPanel>
+      </Tabs>,
+    );
+
+    assertTabSelected(1);
+  });
 });