react-draft-wysiwyg icon indicating copy to clipboard operation
react-draft-wysiwyg copied to clipboard

Uncaught Error: Got unexpected null or undefined

Open NikitaLukashuk1 opened this issue 1 year ago • 0 comments

Please, help me to solve this case! App sometimes crushes, by no reasons, I mean, I just write something, send, and suddenly it crushes, why It's like that? The internal span , which is built in app disappears , it's like, the state stops being existed The code below is for setting up the editor

 return (
    <div className="rich-text-editor">
      <Editor
        mention={{
          separator: " ",
          trigger: "@",
          suggestions: users
            ? users.map((user) => ({ text: user.name, value: user.name }))
            : [],
        }}
        handleReturn={(e, editorState) => {
          handleReturn({
            e,
            editorState,
            setEditorState,
            sendMessage,
            messageText,
            thread,
            rawEditorContent,
            isDisabled,
          });
        }}
        handleKeyCommand={(command, editorState) => {
          handleKeyCommand({
            command,
            editorState,
            setEditorState,
          });
        }}
        keyBindingFn={sendBindingFn}
        toolbar={{
          options: ["inline", "list", "emoji"],
          inline: {
            inDropdown: false,
            options: ["bold", "italic", "strikethrough"],
          },
          list: { inDropdown: false },
        }}
        editorState={editorState}
        onEditorStateChange={setEditorState}
        toolbarClassName="toolbarClassName"
        wrapperClassName="wrapperClassName"
        editorClassName="editorClassName"
      />
      <div
        style={{
          width: "100%",
          height: "max-content",
          display: "flex",
          justifyContent: "flex-end",
        }}
      >
        <SendButton
          onClick={() => {
            handleSend({
              sendMessage,
              rawEditorContent,
              setEditorState,
              thread,
              messageText,
              users,
            });
          }}
          isDisabled={isDisabled}
        />
      </div>
    </div>

);

NikitaLukashuk1 avatar Jan 25 '24 14:01 NikitaLukashuk1