react-rte icon indicating copy to clipboard operation
react-rte copied to clipboard

Warning: componentWillUpdate has been renamed

Open the-serious-programmer opened this issue 3 years ago • 2 comments

Using the package as follows:

const markdownValue = ReactRTE.createValueFromString(A_STRING_CONTAINING_HTML, 'html');
<ReactRTE
  value={markdownValue}
  readOnly
  rootStyle={{
    border: 'none',
    backgroundColor: theme.palette.background.default,
    color: theme.palette.text.primary,
    fontFamily: theme.typography.fontFamily,
  }}
>

Leads to the following warning in my browser console:

Warning: componentWillUpdate has been renamed, and is not recommended for use. See https://reactjs.org/link/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 18.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: e

the-serious-programmer avatar Mar 28 '22 12:03 the-serious-programmer

This blocks apps that use react-rte to migrate to React 18

tiagojufr avatar Apr 21 '22 11:04 tiagojufr

Having the same warning in my components

Thremulant avatar Apr 28 '22 20:04 Thremulant