Inspector causing "react" warning in "vue" project?

hi all , vue project , using babylon npm , I noticed a warnng in the console when calling for the inspector to be shown :

babylon.inspector.bundle.max.js?2f71:20612 Warning: componentWillReceiveProps 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.
  • 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://reactjs.org/link/derived-state
  • Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps 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: Resizable

does anyone know what this is all about?

No worries, you can simply ignore it :slight_smile:

1 Like