From 3961d4ae906a366e512e6b1cba7883c376d78800 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 16 Feb 2021 21:44:14 +0300
Subject: [PATCH] slug page missing key prop

---
 pages/[...slug].tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/pages/[...slug].tsx b/pages/[...slug].tsx
index 985d490f..16abcd4b 100644
--- a/pages/[...slug].tsx
+++ b/pages/[...slug].tsx
@@ -79,6 +79,7 @@ const Index: NextPage<Props> = props => (
                         case 'text':
                             return (
                                 <Markdown
+                                    key={i}
                                     data={x.data}
                                 />
                             )
@@ -86,6 +87,7 @@ const Index: NextPage<Props> = props => (
                         case 'html':
                             return (
                                 <Html
+                                    key={i}
                                     html={x.data}
                                 />
                             )
@@ -93,6 +95,7 @@ const Index: NextPage<Props> = props => (
                         case 'instagram':
                             return (
                                 <Html
+                                    key={i}
                                     html={x.data.embed}
                                 />
                             )
@@ -100,13 +103,14 @@ const Index: NextPage<Props> = props => (
                         case 'youtube':
                             return (
                                 <Youtube
+                                    key={i}
                                     url={x.data.url}
                                 />
                             )
 
                         case 'image':
                             return (
-                                <div className="kazimir__image">
+                                <div key={i} className="kazimir__image">
                                     <figure>
                                         <Image
                                             src={x.data.src}
@@ -121,12 +125,12 @@ const Index: NextPage<Props> = props => (
 
                         case 'file':
                             return (
-                                <File {...x.data} />
+                                <File key={i} {...x.data} />
                             )
 
                         default:
                             return (
-                                <pre>
+                                <pre key={i}>
                                     {JSON.stringify(x)}
                                 </pre>
                             )