Fix empty state for text field

web/components/chat/ChatTextField/ChatTextField.tsx

@@ -104,16 +104,6 @@ export default function ChatTextField(props: Props) {
   const [editor] = useState(() => withImages(withReact(createEditor())));
 
   const size = 'small';
-  const EMPTY_VALUE = [
-    {
-      type: 'paragraph',
-      children: [
-        {
-          text: '',
-        },
-      ],
-    },
-  ];
 
   const sendMessage = () => {
     if (!websocketService) {
@@ -154,11 +144,7 @@ export default function ChatTextField(props: Props) {
 
   return (
     <div className={s.root}>
-      <Slate
+      <Slate editor={editor} value={[]} onChange={handleChange}>
-        editor={editor}
-        value={[{ type: 'span', children: [{ text: 'hey' }] }]}
-        onChange={handleChange}
-      >
         <Editable
           onKeyDown={onKeyDown}
           renderElement={p => <Element {...p} />}

web/components/ui/Sidebar/Sidebar.tsx

@@ -26,8 +26,8 @@ export default function Sidebar() {
       <div className={s.chatHeader}>
         <span>stream chat</span>
       </div>
-        <ChatContainer messages={messages} state={chatState} />
+      <ChatContainer messages={messages} state={chatState} />
-        <ChatTextField />
+      <ChatTextField />
     </Sider>
   );
 }