From 8c7c11cb72294e60e44fca6bcfe78d51584c8b8c Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Mon, 9 May 2022 13:44:11 -0700
Subject: [PATCH] Continue to troubleshoot the emoji picker

---
 web/components/chat/ChatTextField/EmojiPicker.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/components/chat/ChatTextField/EmojiPicker.tsx b/web/components/chat/ChatTextField/EmojiPicker.tsx
index 61fb1cfea..19fdd6046 100644
--- a/web/components/chat/ChatTextField/EmojiPicker.tsx
+++ b/web/components/chat/ChatTextField/EmojiPicker.tsx
@@ -1,5 +1,4 @@
 import data from '@emoji-mart/data';
-import { Picker } from 'emoji-mart';
 import React, { useRef, useEffect } from 'react';
 
 export default function EmojiPicker(props) {
@@ -19,10 +18,12 @@ export default function EmojiPicker(props) {
     },
   ];
 
+  // TODO: Fix the emoji picker from throwing errors.
   // useEffect(() => {
-  //   // eslint-disable-next-line no-new
-  //   new Picker({ ...props, data, custom, ref });
+  //   import('emoji-mart').then(EmojiMart => {
+  //     new EmojiMart.Picker({ ...props, data, ref });
+  //   });
   // }, []);
 
-  return <div>emoji picker goes here</div>;
+  return <div ref={ref} />;
 }