[Deprecation] Listener added for a 'DOMNodeInserted'

[ykkhan1997]

import dynamic from "next/dynamic";
import React, {
  useRef,
  useEffect,
  ForwardRefRenderFunction,
  ForwardedRef,
} from "react";
import ReactQuill, { ReactQuillProps } from "react-quill";

const QuillNoSSRWrapper = dynamic(
  async () => {
    const { default: RQ } = await import("react-quill");
    return React.forwardRef<ReactQuill, ReactQuillProps>((props, ref) => (
      <RQ {...props} ref={ref} />
    ));
  },
  {
    ssr: false,
  }
);

interface EditorProps {
  value: string;
  setValue: (value: string) => void;
}

const MyEditor: ForwardRefRenderFunction<ReactQuill, EditorProps> = (
  { value, setValue },
  ref
) => {
  const qRef = useRef<ReactQuill>(null);

  useEffect(() => {
    setValue(qRef.current?.getEditor().getText() || "");
  }, []);
  const handleChange = (content: string) => {
    setValue(content);
  };
  return typeof window !== "undefined" ? (
    <QuillNoSSRWrapper
      ref={ref}
      value={value}
      onChange={handleChange}
      theme="snow"
      className="h-80 w-full input-bordered-text-area text-area-lg mb-16"
      id="quill"
    />
  ) : (
    <></>
  );
};

export default React.forwardRef(MyEditor);

I am getting warning from browser when I reload the browser DOMNodeInserted

Can anybody fix this error
Warning:
quill.js:4237 [Deprecation] Listener added for a 'DOMNodeInserted' mutation event. This event type is deprecated, and will be removed from this browser very soon. Usage of this event listener will cause performance issues today, and represents a large risk of future site breakage. Consider using MutationObserver instead. See

[shareefalis]

This is not react Quill issue tracker. React Quill is not using the latest build of Quill.,Fork it and make react quill use quail 2.0

[luin]

You can also use Quill in a React project without any libraries: https://quilljs.com/playground/react