diff --git a/components/article/ArticlePage.tsx b/components/article/ArticlePage.tsx
index d0644994488a..7b1f485789ff 100644
--- a/components/article/ArticlePage.tsx
+++ b/components/article/ArticlePage.tsx
@@ -126,9 +126,9 @@ export const ArticlePage = () => {
                   </Heading>
 
                   <ActionList
-                    items={miniTocItems.map((items) => {
+                    items={miniTocItems.map((items, i) => {
                       return {
-                        key: title,
+                        key: title + i,
                         text: title,
                         renderItem: () => <ul>{renderTocItem(items)}</ul>,
                       }