Mention throws TypeError s.domNode.getBoundingClientRect is not a function

[Ashokthakuri]

When I try to mention use with @ character in the quill editor, it sometimes throws TypeError s.domNode.getBoundingClientRect is not a function in the console and the suggestions does not appears.

Steps for Reproduction:
I tried to replicate the issue locally but couldn't. The issue appears frequently in Vercel (sometime it works after multiple page refresh), where I have deployed my code.

Expected behavior:
The mention feature should show the suggestions

Actual behavior:
The following error is thrown in the console and the suggestions don't work

TypeError
s.domNode.getBoundingClientRect is not a function

I am using nextjs(react):

"next": "14.2.3",
"react": "18.3.1",
"react-quill": "^2.0.0",
"quill-mention": "^4.0.1",

[VaguelySerious]

Have you tried replacing react-quill with the forked react-quill-new in the interim until react-quill is updated? I made the fork and updated the type definitions there. Also follow #973 for updates on that.