diff --git a/website/src/theme/BlogSidebar/Desktop/index.tsx b/website/src/theme/BlogSidebar/Desktop/index.tsx
index deef488f67d..157fd9c0b0a 100644
--- a/website/src/theme/BlogSidebar/Desktop/index.tsx
+++ b/website/src/theme/BlogSidebar/Desktop/index.tsx
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
+import React, {Fragment} from 'react';
 import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import {translate} from '@docusaurus/Translate';
@@ -34,7 +34,7 @@ export default function BlogSidebarDesktop({sidebar}: Props) {
             );
             cachedYear = postYear;
             return (
-              <>
+              <Fragment key={item.permalink}>
                 {yearHeader}
                 <li key={item.permalink} className={styles.sidebarItem}>
                   <Link
@@ -45,7 +45,7 @@ export default function BlogSidebarDesktop({sidebar}: Props) {
                     {item.title}
                   </Link>
                 </li>
-              </>
+              </Fragment>
             );
           })}
         </ul>
diff --git a/website/src/theme/BlogSidebar/Mobile/index.tsx b/website/src/theme/BlogSidebar/Mobile/index.tsx
index e14c9664e1f..e145d66b629 100644
--- a/website/src/theme/BlogSidebar/Mobile/index.tsx
+++ b/website/src/theme/BlogSidebar/Mobile/index.tsx
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
+import React, {Fragment} from 'react';
 import Link from '@docusaurus/Link';
 import {NavbarSecondaryMenuFiller} from '@docusaurus/theme-common';
 import styles from './styles.module.css';
@@ -22,7 +22,7 @@ function BlogSidebarMobileSecondaryMenu({sidebar}: Props) {
         );
         cachedYear = postYear;
         return (
-          <>
+          <Fragment key={item.permalink}>
             {yearHeader}
             <li key={item.permalink} className="menu__list-item">
               <Link
@@ -33,7 +33,7 @@ function BlogSidebarMobileSecondaryMenu({sidebar}: Props) {
                 {item.title}
               </Link>
             </li>
-          </>
+          </Fragment>
         );
       })}
     </ul>