use reac-quill libaray without any issue

[adanyal46]

Jodit Version: 3.4.xxxxx

Browser:
OS:
Is React App:

Code

import React, { useEffect, useState } from "react";
import ReactQuill from "react-quill";
import "react-quill/dist/quill.snow.css"; // import styles

const suppressQuillWarnings = () => {
  const originalConsoleWarn = console.warn;
  console.warn = (message, ...rest) => {
    if (message && message.includes("DOMNodeInserted")) {
      return;
    }
    originalConsoleWarn(message, ...rest);
  };
};

const MyEditor = ({value, onChange, label}) => {
  useEffect(() => {
    suppressQuillWarnings();
  }, []);

  return (
    <div>
      <label className="block text-sm font-medium text-gray-700 mb-2">{label}</label>
      <div>
        <ReactQuill value={value} onChange={onChange} placeholder="Start typing..." />
      </div>
    </div>
  );
};

export default MyEditor;

Expected behavior:

Actual behavior: