Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

React18 -> Testing #339

Open
baur opened this issue Aug 2, 2022 · 0 comments
Open

React18 -> Testing #339

baur opened this issue Aug 2, 2022 · 0 comments

Comments

@baur
Copy link

baur commented Aug 2, 2022

React18 with --force, works fine with next warns

Please, add React18 support!

react-dom.development.js:86 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: FileNavigator, ListView
printWarning @ react-dom.development.js:86
react-dom.development.js:86 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of FileNavigator which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node
    at div
    at FileNavigator (http://localhost:3000/static/js/bundle.js:14730:40)
    at EnhancedComponent (http://localhost:3000/static/js/bundle.js:9175:13)
    at div
    at div
    at div
    at FileManager (http://localhost:3000/static/js/bundle.js:14526:40)
    at div
    at App
printWarning @ react-dom.development.js:86
react-dom.development.js:86 Warning: componentWillMount has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.

* Move code with side effects to componentDidMount, and set initial state in the constructor.
* Rename componentWillMount to UNSAFE_componentWillMount 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: Grid
printWarning @ react-dom.development.js:86
react-dom.development.js:86 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: Grid, WithSelection
printWarning @ react-dom.development.js:86
react-dom.development.js:86 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: Grid, ScrollOnMouseOut
printWarning @ react-dom.development.js:86
react-dom.development.js:86 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Grid which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node
    at div
    at Grid (http://localhost:3000/static/js/bundle.js:11330:87)
    at div
    at Table (http://localhost:3000/static/js/bundle.js:28742:87)
    at div
    at ContextMenuTrigger (http://localhost:3000/static/js/bundle.js:9594:11)
    at div
    at ScrollOnMouseOut (http://localhost:3000/static/js/bundle.js:17688:40)
    at div
    at div
    at WithSelection (http://localhost:3000/static/js/bundle.js:16332:40)
    at div
    at AutoSizer (http://localhost:3000/static/js/bundle.js:10761:87)
    at ListView (http://localhost:3000/static/js/bundle.js:15826:40)
    at div
    at div
    at FileNavigator (http://localhost:3000/static/js/bundle.js:14730:40)
    at EnhancedComponent (http://localhost:3000/static/js/bundle.js:9175:13)
    at div
    at div
    at div
    at FileManager (http://localhost:3000/static/js/bundle.js:14526:40)
    at div
    at App
printWarning @ react-dom.development.js:86
App.js:34 onResourceItemDoubleClick SyntheticBaseEvent undefined Object
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant