Next.js Discord

Discord Forum

React Quill

Unanswered
Southern rough shrimp posted this in #help-forum
Open in Discord
Southern rough shrimpOP
Hi guys! I was trying to add react quill to my project using
npm install react-quill --save"

But i got error when installing it to my next 15 project.

Below is my package.json
{
  "name": "cad",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev --turbopack",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@headlessui/react": "^2.1.8",
    "@tanstack/react-query": "^5.56.2",
    "next": "15.1.5",
    "react": "19.0.0",
    "react-dom": "19.0.0",
    "sonner": "^1.5.0"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "19.0.7",
    "@types/react-dom": "19.0.3",
    "postcss": "^8",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  }
}


Error are attached as image file

Could anyone guide me on how can I install react-quill or rich text editor ?
Do you guys think I'm missing anything ?

7 Replies

Alpine Dachsbracke
use npm i react-quill
Southern rough shrimpOP
FYI, I tried many time including "npm i react-quill", it still show the same issue
Alpine Dachsbracke
try yarn
if you dont have yarn installed install it
and use yarn add react-quill
Short mackerel
It's a very old code base that hasn't been updated in a long time and probably isn't usable with Nextjs15 + React19.

Try https://www.npmjs.com/package/react-quill-new
Or Tiptap.
Southern rough shrimpOP
Thanks @Short mackerel , I have use what you recommended, and it work.