From 0ed867f7bd27abd53f2cf9f691075041bcc9f0f0 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 22 May 2020 00:08:55 -0500
Subject: [PATCH] Fix emoji component errors

---
 app/gabsocial/components/emoji_selector.js               | 9 +++++++--
 .../features/status/components/status_interaction_bar.js | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/gabsocial/components/emoji_selector.js b/app/gabsocial/components/emoji_selector.js
index fabc276dd..e86775d4b 100644
--- a/app/gabsocial/components/emoji_selector.js
+++ b/app/gabsocial/components/emoji_selector.js
@@ -5,17 +5,22 @@ import emojify from 'gabsocial/features/emoji/emoji';
 
 export default class EmojiSelector extends React.Component {
 
-  propTypes = {
+  static propTypes = {
     onReact: PropTypes.func.isRequired,
   }
 
+  static defaultProps = {
+    onReact: () => {},
+  }
+
   render() {
     const { onReact } = this.props;
 
     return (
       <div className='emoji-react-selector'>
-        {ALLOWED_EMOJI.map(emoji => (
+        {ALLOWED_EMOJI.map((emoji, i) => (
           <button
+            key={i}
             className='emoji-react-selector__emoji'
             dangerouslySetInnerHTML={{ __html: emojify(emoji) }}
             onClick={onReact(emoji)}
diff --git a/app/gabsocial/features/status/components/status_interaction_bar.js b/app/gabsocial/features/status/components/status_interaction_bar.js
index ac674b07c..4e4a7fd54 100644
--- a/app/gabsocial/features/status/components/status_interaction_bar.js
+++ b/app/gabsocial/features/status/components/status_interaction_bar.js
@@ -5,7 +5,7 @@ import { reduceEmoji } from 'gabsocial/utils/emoji_reacts';
 
 export class StatusInteractionBar extends React.Component {
 
-  propTypes = {
+  static propTypes = {
     status: ImmutablePropTypes.map,
   }