From fdb2689a14dee0a001b45f653055718e727d7f4c Mon Sep 17 00:00:00 2001
From: Yamagishi Kazutoshi <ykzts@desire.sh>
Date: Thu, 20 Apr 2017 20:22:54 +0900
Subject: [PATCH] Fix PropTypes warning in OnboardingModal (#2191)

---
 .../components/features/ui/components/onboarding_modal.jsx   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/components/features/ui/components/onboarding_modal.jsx b/app/assets/javascripts/components/features/ui/components/onboarding_modal.jsx
index 8d5132ea2..e5c395119 100644
--- a/app/assets/javascripts/components/features/ui/components/onboarding_modal.jsx
+++ b/app/assets/javascripts/components/features/ui/components/onboarding_modal.jsx
@@ -43,6 +43,7 @@ const PageTwo = () => (
         text='Awoo! #introductions'
         suggestions={Immutable.List()}
         mentionedDomains={[]}
+        spoiler={false}
         onChange={() => {}}
         onSubmit={() => {}}
         onPaste={() => {}}
@@ -213,7 +214,7 @@ const OnboardingModal = React.createClass({
     }
 
     const styles = pages.map((page, i) => ({
-      key: i,
+      key: `page-${i}`,
       style: { opacity: spring(i === currentIndex ? 1 : 0) }
     }));
 
@@ -223,7 +224,7 @@ const OnboardingModal = React.createClass({
           {interpolatedStyles =>
             <div className='onboarding-modal__pager'>
               {pages.map((page, i) =>
-                <div key={i} style={{ opacity: interpolatedStyles[i].style.opacity, pointerEvents: i === currentIndex ? 'auto' : 'none' }}>{page}</div>
+                <div key={`page-${i}`} style={{ opacity: interpolatedStyles[i].style.opacity, pointerEvents: i === currentIndex ? 'auto' : 'none' }}>{page}</div>
               )}
             </div>
           }