Skip to content
New issue

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

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

Already on GitHub? # 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
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant