Refactor memo components

1 files changed, 6 insertions, 4 deletions

diff --git a/vnext/src/components/Contact.js b/vnext/src/components/Contact.js
index dd68d338..24aabe15 100644
--- a/vnext/src/components/Contact.js
+++ b/vnext/src/components/Contact.js
@@ -1,19 +1,21 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { UserType } from './Types';
 
 import Avatar from './Avatar';
 
-const Contact = React.memo(({ user, style, ...rest }) => {
+function Contact({ user, style, ...rest }) {
     return (
         <Avatar user={user} link={`/pm/${user.uname}`} style={style}>
             {user.unreadCount && <span className="badge">{user.unreadCount}</span>}
             <div className="msg-ts">{user.lastMessageText}</div>
         </Avatar>
     );
-});
+}
 
-export default Contact;
+export default React.memo(Contact);
 
 Contact.propTypes = {
-    user: UserType
+    user: UserType,
+    style: PropTypes.object
 };