Merge pull request #262 from kaseyvee/text-input

fix(baseInput): avoid multiple fetch requests

Author: Shiti

src/components/input/baseInput/baseInput.tsx

@@ -45,6 +45,8 @@ function showEmojiInfo(emoji: EmojiInfo) {
   }
 }
 
+const database = new Database()
+
 /**
  * The `TextInput` component enables users to input text messages and send them over a WebSocket connection. It provides functionality for sending messages with a sender, timestamp, and conversation ID. The component integrates with the [emoji-picker-element](https://www.npmjs.com/package/emoji-picker-element) library to allow users to easily add emojis to their messages. The emoji picker can be customized through CSS variables. For detailed customization options, refer to the [emoji-picker-element documentation](https://www.npmjs.com/package/emoji-picker-element#css-variables).
  *
@@ -115,8 +117,6 @@ function BaseInputElement(
     setIsEmojiMenuShown(false)
   }
 
-  const database = new Database()
-
   function searchEmojis(query: string) {
     database
       .getEmojiBySearchQuery(query)