Added react wrapper for Emoji element

packages/emoji-mart-react/react.tsx

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import React, { useEffect, useRef } from 'react'
-import { Picker } from 'emoji-mart'
+import { Emoji, Picker } from 'emoji-mart'
 
 export default function EmojiPicker(props) {
   const ref = useRef(null)
@@ -20,3 +20,22 @@ export default function EmojiPicker(props) {
 
   return React.createElement('div', { ref })
 }
+
+export function EmojiElement(props) {
+  const ref = useRef(null)
+  const instance = useRef(null)
+
+  if (instance.current) {
+    instance.current.update(props)
+  }
+
+  useEffect(() => {
+    instance.current = new Emoji({ ...props, ref })
+
+    return () => {
+      instance.current = null
+    }
+  }, [])
+
+  return React.createElement('span', { ref })
+}