Fix warning on async rendering update
Seto Elkahfi committed
Jan 26, 2020 at 02:23 UTC
29b6b32194ff416294c02c6d3d6ecd809fb1623f
6 files changed
+40
-36
package-lock.json
+35
-31
@@ -6970,6 +6970,11 @@
6970
}
6971
}
6972
},
6973
+ "gud": {
6974
+ "version": "1.0.0",
6975
+ "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz",
6976
+ "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw=="
6977
+ },
6978
"gzip-size": {
6979
"version": "5.1.1",
6980
"resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz",
@@ -9737,6 +9742,16 @@
9742
"resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
9743
"integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg=="
9744
},
9745
+ "mini-create-react-context": {
9746
+ "version": "0.3.2",
9747
+ "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.3.2.tgz",
9748
+ "integrity": "sha512-2v+OeetEyliMt5VHMXsBhABoJ0/M4RCe7fatd/fBy6SMiKazUSEt3gxxypfnk2SHMkdBYvorHRoQxuGoiwbzAw==",
9749
+ "requires": {
9750
+ "@babel/runtime": "^7.4.0",
9751
+ "gud": "^1.0.0",
9752
+ "tiny-warning": "^1.0.2"
9753
+ }
9754
+ },
9755
"mini-css-extract-plugin": {
9756
"version": "0.8.0",
9757
"resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.8.0.tgz",
@@ -12232,37 +12247,34 @@
12247
}
12248
},
12249
"react-router": {
12235
- "version": "4.3.1",
12236
- "resolved": "https://registry.npmjs.org/react-router/-/react-router-4.3.1.tgz",
12237
- "integrity": "sha512-yrvL8AogDh2X42Dt9iknk4wF4V8bWREPirFfS9gLU1huk6qK41sg7Z/1S81jjTrGHxa3B8R3J6xIkDAA6CVarg==",
12250
+ "version": "5.1.2",
12251
+ "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.1.2.tgz",
12252
+ "integrity": "sha512-yjEuMFy1ONK246B+rsa0cUam5OeAQ8pyclRDgpxuSCrAlJ1qN9uZ5IgyKC7gQg0w8OM50NXHEegPh/ks9YuR2A==",
12253
"requires": {
12239
- "history": "^4.7.2",
12240
- "hoist-non-react-statics": "^2.5.0",
12241
- "invariant": "^2.2.4",
12254
+ "@babel/runtime": "^7.1.2",
12255
+ "history": "^4.9.0",
12256
+ "hoist-non-react-statics": "^3.1.0",
12257
"loose-envify": "^1.3.1",
12258
+ "mini-create-react-context": "^0.3.0",
12259
"path-to-regexp": "^1.7.0",
12244
- "prop-types": "^15.6.1",
12245
- "warning": "^4.0.1"
12246
- },
12247
- "dependencies": {
12248
- "hoist-non-react-statics": {
12249
- "version": "2.5.5",
12250
- "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz",
12251
- "integrity": "sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw=="
12252
- }
12260
+ "prop-types": "^15.6.2",
12261
+ "react-is": "^16.6.0",
12262
+ "tiny-invariant": "^1.0.2",
12263
+ "tiny-warning": "^1.0.0"
12264
}
12265
},
12266
"react-router-dom": {
12256
- "version": "4.3.1",
12257
- "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-4.3.1.tgz",
12258
- "integrity": "sha512-c/MlywfxDdCp7EnB7YfPMOfMD3tOtIjrQlj/CKfNMBxdmpJP8xcz5P/UAFn3JbnQCNUxsHyVVqllF9LhgVyFCA==",
12267
+ "version": "5.1.2",
12268
+ "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.1.2.tgz",
12269
+ "integrity": "sha512-7BPHAaIwWpZS074UKaw1FjVdZBSVWEk8IuDXdB+OkLb8vd/WRQIpA4ag9WQk61aEfQs47wHyjWUoUGGZxpQXew==",
12270
"requires": {
12260
- "history": "^4.7.2",
12261
- "invariant": "^2.2.4",
12271
+ "@babel/runtime": "^7.1.2",
12272
+ "history": "^4.9.0",
12273
"loose-envify": "^1.3.1",
12263
- "prop-types": "^15.6.1",
12264
- "react-router": "^4.3.1",
12265
- "warning": "^4.0.1"
12274
+ "prop-types": "^15.6.2",
12275
+ "react-router": "5.1.2",
12276
+ "tiny-invariant": "^1.0.2",
12277
+ "tiny-warning": "^1.0.0"
12278
}
12279
},
12280
"react-scripts": {
@@ -14550,14 +14562,6 @@
14562
"makeerror": "1.0.x"
14563
}
14564
},
14553
- "warning": {
14554
- "version": "4.0.3",
14555
- "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
14556
- "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
14557
- "requires": {
14558
- "loose-envify": "^1.0.0"
14559
- }
14560
- },
14565
"watchpack": {
14566
"version": "1.6.0",
14567
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz",
package.json
+1
-1
@@ -12,7 +12,7 @@
12
"react-dom": "^16.8.3",
13
"react-intl": "^2.8.0",
14
"react-rotating-text": "^1.2.1",
15
- "react-router-dom": "^4.3.1",
15
+ "react-router-dom": "^5.1.2",
16
"react-scripts": "3.3.0",
17
"typescript": "^3.7.4"
18
},
src/components/About.tsx
+1
-1
@@ -26,7 +26,7 @@ class About extends Component<AboutProps, AboutState> {
26
updatedAt: "Loading ..."
27
}
28
}
29
- componentWillMount() {
29
+ UNSAFE_componentWillMount() {
30
this.aboutRef?.on('value', (snapshot) => {
31
let items = snapshot?.val();
32
this.setState({
src/components/Contact.tsx
+1
-1
@@ -22,7 +22,7 @@ class Contact extends Component<ContactProps, ContactState> {
22
content: "Loading ..."
23
}
24
}
25
- componentWillMount() {
25
+ UNSAFE_componentWillMount() {
26
this.contactRef?.on('value', (snapshot) => {
27
let items = snapshot?.val();
28
this.setState({
src/components/Cv.tsx
+1
-1
@@ -22,7 +22,7 @@ class Cv extends Component<CvProps, CvState> {
22
content: "Loading ..."
23
}
24
}
25
- componentWillMount() {
25
+ UNSAFE_componentWillMount() {
26
this.cvRef?.on('value', (snapshot) => {
27
let items = snapshot?.val();
28
this.setState({
src/components/Home.tsx
+1
-1
@@ -51,7 +51,7 @@ class Home extends Component<HomeProps, HomeState> {
51
}
52
}
53
54
- componentWillMount() {
54
+ UNSAFE_componentWillMount() {
55
this.whoAmIRef?.on('value', (snapshot) => {
56
let items = snapshot?.val();
57
let whoAmI = [];