fix: import emoji-mart dynamically like (#950)

Author: nperez0111

packages/react/src/components/Comments/EmojiMartPicker.tsx

@@ -1,6 +1,8 @@
 // From https://github.com/missive/emoji-mart/blob/main/packages/emoji-mart-react/react.tsx
 import React, { useEffect, useRef } from "react";
-import { Picker } from "emoji-mart";
+
+// Temporary fix for https://github.com/missive/emoji-mart/pull/929
+let emojiMart: typeof import("emoji-mart") | undefined;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export default function EmojiPicker(props: any) {
@@ -12,7 +14,14 @@ export default function EmojiPicker(props: any) {
   }
 
   useEffect(() => {
-    instance.current = new Picker({ ...props, ref });
+    (async () => {
+      if (!emojiMart) {
+        // load dynamically because emoji-mart doesn't specify type: module and breaks in nodejs
+        emojiMart = await import("emoji-mart");
+      }
+
+      instance.current = new emojiMart.Picker({ ...props, ref });
+    })();
 
     return () => {
       instance.current = null;