Skip to content

React18 -> Testing #339

@baur

Description

@baur

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions