diff --git a/web/app/components/base/emoji-picker/index.tsx b/web/app/components/base/emoji-picker/index.tsx
index ad22ba32b9..5e5a4916fb 100644
--- a/web/app/components/base/emoji-picker/index.tsx
+++ b/web/app/components/base/emoji-picker/index.tsx
@@ -14,6 +14,17 @@ import {
 import React from 'react'
 import Modal from '@/app/components/base/modal'
 
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'em-emoji': React.DetailedHTMLProps<
+        React.HTMLAttributes<HTMLElement>,
+        HTMLElement
+      >;
+    }
+  }
+}
+
 init({ data })
 
 const backgroundColors = [
@@ -136,4 +147,4 @@ const EmojiPicker: FC<IEmojiPickerProps> = ({
   </Modal> : <>
   </>
 }
-export default EmojiPicker
\ No newline at end of file
+export default EmojiPicker