diff --git a/_components/PostListItem.tsx b/_components/PostListItem.tsx
index 115adf2..3b76bd8 100644
--- a/_components/PostListItem.tsx
+++ b/_components/PostListItem.tsx
@@ -8,7 +8,7 @@ export default function(props: Props) {
       <a href={props.post.data.url} className="post-list-title">{props.post.data.title}</a>
       <time className="post-list-date">{Intl.DateTimeFormat("en-CA", { dateStyle: "long" }).format(props.post.data.date)}</time>
       <ul className="tag-list">
-        {props.post.data.tags.map(tag => <li className="tag">{tag}</li>)}
+        {props.post.data.tags.map((tag,index) => <li key={index} className="tag">{tag}</li>)}
       </ul>
       <p className="post-list-description">{props.post.data.description}</p>
     </li>
diff --git a/_includes/layouts/base.tsx b/_includes/layouts/base.tsx
index fc25f56..0027283 100644
--- a/_includes/layouts/base.tsx
+++ b/_includes/layouts/base.tsx
@@ -11,7 +11,7 @@ export default function({ title, description, children, comp, metas, links, auth
         <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1a1b26"/>
         <meta name="theme-color" media="(prefers-color-scheme: light)" content="#d5d6db"/>
         {Array.isArray(metas) && metas.length > 0 &&
-          metas.map(m => <meta name={m.name} content={m.content}/>)
+         metas.map((m,index) => <meta key={index} name={m.name} content={m.content}/>)
         }
         <link rel="stylesheet" href="/styles/main.css"/>
         <link rel="icon" type="image/png" href="/icons/tabicon-16.png" sizes="16x16" />
@@ -20,7 +20,7 @@ export default function({ title, description, children, comp, metas, links, auth
         <link rel="icon" type="image/png" href="/icons/tabicon-128.png" sizes="128x128" />
         <link rel="icon" type="image/png" href="/icons/tabicon-196.png" sizes="196x196" />
         {Array.isArray(links) && links.length > 0 &&
-          links.map(l => <link rel={l.rel} href={l.href} type={l.type} title={l.title}/>)
+         links.map((l,index) => <link key={index} rel={l.rel} href={l.href} type={l.type} title={l.title}/>)
         }
       </head>
       <body>
diff --git a/_includes/layouts/post.tsx b/_includes/layouts/post.tsx
index 9c4aad2..b89a0f6 100644
--- a/_includes/layouts/post.tsx
+++ b/_includes/layouts/post.tsx
@@ -7,13 +7,13 @@ export default function({ children, toc, footnotes }) {
         <nav className="toc">
           <h2>Table of Contents</h2>
           <ol>
-            {toc.map(item => (
-              <li>
+            {toc.map((item,index) => (
+              <li key={index}>
                 <a href={`#${item.slug}`}>{item.text}</a>
                 {item.children.length > 0 &&
                   <ul>
-                    {item.children.map(child => (
-                      <li>
+                    {item.children.map((child,i) => (
+                      <li key={i}>
                         <a href={`#${child.slug}`}>{child.text}</a>
                       </li>
                     ))}
diff --git a/blog/index.tsx b/blog/index.tsx
index 04b4ae4..a33e179 100644
--- a/blog/index.tsx
+++ b/blog/index.tsx
@@ -26,7 +26,7 @@ export default function({ nav, comp }) {
 
   return (
     <ul className="post-list">
-      {nav.menu("/blog/posts").children.sort(sortPosts).map(post => <PostListItem post={post}/>)}
+      {nav.menu("/blog/posts").children.sort(sortPosts).map((post,index) => <PostListItem key={index} post={post}/>)}
     </ul>
   );
 }
diff --git a/index.tsx b/index.tsx
index 8210786..1a38aa9 100644
--- a/index.tsx
+++ b/index.tsx
@@ -56,8 +56,8 @@ export default function({ nav }) {
         <a className="header-anchor" href="#latest-blog-posts">Latest Blog Posts</a>
       </h2>
       <ul>
-        {nav.menu("/blog/posts").children.sort(sortPosts).slice(0,5).map(post => (
-          <li>
+        {nav.menu("/blog/posts").children.sort(sortPosts).slice(0,5).map((post,index) => (
+          <li key={index}>
             <a href={post.data.url} >{post.data.title}</a> &mdash; <time className="post-list-date">{Intl.DateTimeFormat("en-CA", { dateStyle: "long" }).format(post.data.date)}</time>
           </li>
         ))}
