feat: Support react 18 (#607)

pckilgore · web-flow · commit 58dec4485662 · 2023-01-14T19:15:11.000-05:00
diff --git a/package.json b/package.json
@@ -100,7 +100,7 @@
     "prettier-stylelint": "^0.4.2",
     "prop-types": "^15.6.0",
     "raw-loader": "^0.5.1",
-    "react": "^16.0.0",
+    "react": "^16.3.0",
     "react-dom": "^16.0.0",
     "react-story": "^0.0.10",
     "rimraf": "^2.6.1",
@@ -116,7 +116,7 @@
     "why-did-you-update": "^0.1.1"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17"
+    "react": "^16.3.0 || ^17 || ^18"
   },
   "ava": {
     "files": [
diff --git a/src/index.js b/src/index.js
@@ -106,15 +106,15 @@ class DropdownTreeSelect extends Component {
     }
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.initNewProps(this.props)
   }
 
   componentWillUnmount() {
     document.removeEventListener('click', this.handleOutsideClick, false)
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     this.initNewProps(nextProps)
   }
 
diff --git a/src/tree/index.js b/src/tree/index.js
@@ -38,7 +38,7 @@ class Tree extends Component {
     }
   }
 
-  componentWillReceiveProps = nextProps => {
+  UNSAFE_componentWillReceiveProps = nextProps => {
     const { activeDescendant } = nextProps
     const hasSameActiveDescendant = activeDescendant === this.props.activeDescendant
     this.computeInstanceProps(nextProps, !hasSameActiveDescendant)
diff --git a/yarn.lock b/yarn.lock
@@ -9850,7 +9850,7 @@ react-test-renderer@^16.0.0-0:
     react-is "^16.8.6"
     scheduler "^0.13.6"
 
-react@^16.0.0:
+react@^16.3.0:
   version "16.8.6"
   resolved "https://registry.yarnpkg.com/react/-/react-16.8.6.tgz#ad6c3a9614fd3a4e9ef51117f54d888da01f2bbe"
   dependencies:

Original file line number	Diff line number	Diff line change
`@@ -106,15 +106,15 @@ class DropdownTreeSelect extends Component {`
`106`	`106`	`}`
`107`	`107`	`}`
`108`	`108`
`109`		`- componentWillMount() {`
	`109`	`+ UNSAFE_componentWillMount() {`
`110`	`110`	`this.initNewProps(this.props)`
`111`	`111`	`}`
`112`	`112`
`113`	`113`	`componentWillUnmount() {`
`114`	`114`	`document.removeEventListener('click', this.handleOutsideClick, false)`
`115`	`115`	`}`
`116`	`116`
`117`		`- componentWillReceiveProps(nextProps) {`
	`117`	`+ UNSAFE_componentWillReceiveProps(nextProps) {`
`118`	`118`	`this.initNewProps(nextProps)`
`119`	`119`	`}`
`120`	`120`
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ class Tree extends Component {`
`38`	`38`	`}`
`39`	`39`	`}`
`40`	`40`
`41`		`- componentWillReceiveProps = nextProps => {`
	`41`	`+ UNSAFE_componentWillReceiveProps = nextProps => {`
`42`	`42`	`const { activeDescendant } = nextProps`
`43`	`43`	`const hasSameActiveDescendant = activeDescendant === this.props.activeDescendant`
`44`	`44`	`this.computeInstanceProps(nextProps, !hasSameActiveDescendant)`