React-quill: I'm getting a yellow warning message on the console

Created on 29 Sep 2020  路  6Comments  路  Source: zenoamaro/react-quill

I just installed a new version of quill and I'm using react v16. There's a yellow warning message that appears:

Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.`


* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.


Please update the following components: Quill

Use of Mutation Events is deprecated. Use MutationObserver instead.

How do I fix this?

Most helpful comment

When 2.0 will be released?

All 6 comments

I installed the v2 beta. the first long warning is now gone but the second one is still there.

Use of Mutation Events is deprecated. Use MutationObserver instead.

will this be updated in the future?

What browser are you seeing the Mutation Events warning on?

Got a related issue (I guess):

react_devtools_backend.js:2273 Warning: componentWillUpdate has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.

* Move data fetching code or side effects to componentDidUpdate.
* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.

Please update the following components: Quill
react_devtools_backend.js:2273 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.

* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.

Please update the following components: Quill

Browser: Version 1.14.84 Chromium: 85.0.4183.121 (Official Build) (64-bit)
React: 16.13.1

@zenoamaro I think we can release v2 out of beta now, what do you think?

@k0o and @astroana can you test on 2.0.0-beta.2? And please document the Quill version that is installed as well.

@zenoamaro I think we can release v2 out of beta now, what do you think?

@k0o and @astroana can you test on 2.0.0-beta.2? And please document the Quill version that is installed as well.

Solved. Thank you.
React Quill: 2.0.0-beta.2.
Quill: 1.3.7.

When 2.0 will be released?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

prosenjitchy picture prosenjitchy  路  3Comments

InsectEater picture InsectEater  路  4Comments

Fensterbank picture Fensterbank  路  3Comments

aliciawood picture aliciawood  路  3Comments

stinoga picture stinoga  路  3Comments