react quill 적용시 에러

하, 센세

글쓰기 기능에 React Quill 설치해서 사용하려고 합니다.

Write 페이지에 접속하면 제목 칸을 클릭하면 커서가 활성화 되어서 내용이 적히는데

Rich Text 칸에는 커서 활성화가 되지 않습니다. 툴바에 있는 버튼을 누르면 또 활성화 됩니다.

구글링 했더니 value를 defaultValue로 바꾸면 된다고 해서 바꿨더니 안되고,

리액트 앱 새로 만들어서 quill 깔았더니 그때는 바로 커서가 활성화됩니다.

그러면 제 프로젝트 상에서 뭔가 충돌하는게 있다는 것인데... 

한번 봐주시면 감사하겠습니다.

function Write() {
  const [value, setValue] = useState("");

  const modules = {
    toolbar: [
      [{ header: [1, 2, 3, 4, 5, 6, false] }],
      [{ font: [] }],
      [{ size: [] }],
      ["bold", "italic", "underline", "strike", "blockquote"],
      [
        { list: "ordered" },
        { list: "bullet" },
        { indent: "-1" },
        { indent: "+1" },
      ],
      ["link", "image", "video"],
    ],
  };

  return (
    <div className="container">
      <Form action="http://localhost:8080/add" method="POST">
        <Form.Group className="mb-3" controlId="exampleForm.ControlInput1">
          <Form.Label>Title</Form.Label>
          <Form.Control type="text" name="title" placeholder="Title" />
        </Form.Group>
        <input type="hidden" name="text" value={value} />
        <ReactQuill
          theme="snow"
          value={value}
          onChange={(content, delta, source, editor) => setValue(content)}
          modules={modules}
          style={{ height: "250px" }}
        />

        <Button variant="primary" type="submit" className="mt-5">
          Submit
        </Button>
      </Form>
    </div>
  );
}