diff --git a/.eslintrc.js b/.eslintrc.js
index d64979dbda..88a949af97 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -149,6 +149,7 @@ module.exports = {
       },
     ],
     'react/jsx-filename-extension': OFF,
+    'react/jsx-key': [ERROR, {checkFragmentShorthand: true}],
     'react/jsx-props-no-spreading': OFF,
     'react/no-array-index-key': OFF, // We build a static site, and nearly all components don't change.
     'react/no-unstable-nested-components': [WARNING, {allowAsProps: true}],
diff --git a/packages/docusaurus-theme-classic/src/theme/Tabs/__tests__/index.test.tsx b/packages/docusaurus-theme-classic/src/theme/Tabs/__tests__/index.test.tsx
index c65e4687ea..432eed136d 100644
--- a/packages/docusaurus-theme-classic/src/theme/Tabs/__tests__/index.test.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/Tabs/__tests__/index.test.tsx
@@ -120,7 +120,9 @@ describe('Tabs', () => {
               values={tabs.map((t, idx) => ({label: t, value: idx}))}
               defaultValue={0}>
               {tabs.map((t, idx) => (
-                <TabItem value={idx}>{t}</TabItem>
+                <TabItem key={idx} value={idx}>
+                  {t}
+                </TabItem>
               ))}
             </Tabs>
           </TabGroupChoiceProvider>