CustomQuill.tsx

import React from 'react'
import * as ReactQuill from 'react-quill'

import { merge } from 'lodash'

import 'react-quill/dist/quill.snow.css'

const QUILL_MODULES = {
  toolbar: [
    ['bold', 'italic', 'underline'],
    [{ list: 'ordered' }, { list: 'bullet' }],
    ['link']
  ]
}

interface IAutoFocus {
  autofocus?: boolean
}

class CustomQuill extends React.Component<
  ReactQuill.ComponentProps & IAutoFocus
> {
  quill = React.createRef<ReactQuill & ReactQuill.Mixin>()

const quillEditorRef = useRef<ReactQuill>(null);