Merge pull request #547 from wellyshen/feature/react-v17

Upgrade: support React v17

Author: wellyshen

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,10 +1,9 @@
 ---
 name: "\U0001F41B Bug Report"
 about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
+title: ""
+labels: ""
+assignees: ""
 ---
 
 # Bug Report

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,10 +1,9 @@
 ---
 name: "\U0001F4A1 Feature Request"
 about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
+title: ""
+labels: ""
+assignees: ""
 ---
 
 # Feature Request

.github/ISSUE_TEMPLATE/question.md

@@ -1,10 +1,9 @@
 ---
 name: "\U0001F914 Questions and Help"
 about: This issue tracker is not for questions. Please ask questions at https://stackoverflow.com/questions/tagged/react.
-title: ''
-labels: ''
-assignees: ''
-
+title: ""
+labels: ""
+assignees: ""
 ---
 
 GitHub Issues are reserved for Bug reports and Feature requests. Support requests that are created as issues are likely to be closed. We want to make sure you are able to find the help you seek. Please take a look at the following resources.

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

babel.config.json

@@ -1,13 +1,8 @@
 {
   "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "loose": true
-      }
-    ],
-    "@babel/typescript",
-    "@babel/react"
+    ["@babel/preset-env", { "loose": true }],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
   ],
   "plugins": ["@babel/proposal-class-properties"],
   "env": {

package.json

@@ -62,49 +62,49 @@
     "**/*": "prettier -w -u"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.3",
+    "@babel/core": "^7.12.9",
     "@babel/plugin-proposal-class-properties": "^7.12.1",
-    "@babel/preset-env": "^7.12.1",
-    "@babel/preset-react": "^7.12.5",
-    "@babel/preset-typescript": "^7.12.1",
-    "@emotion/babel-plugin": "^11.0.0",
+    "@babel/preset-env": "^7.12.7",
+    "@babel/preset-react": "^7.12.7",
+    "@babel/preset-typescript": "^7.12.7",
+    "@emotion/babel-plugin": "^11.1.2",
     "@emotion/babel-preset-css-prop": "^11.0.0",
-    "@emotion/react": "^11.0.0",
-    "@rollup/plugin-babel": "^5.2.1",
-    "@rollup/plugin-commonjs": "^16.0.0",
+    "@emotion/react": "^11.1.2",
+    "@rollup/plugin-babel": "^5.2.2",
+    "@rollup/plugin-commonjs": "^17.0.0",
     "@rollup/plugin-html": "^0.2.0",
     "@rollup/plugin-node-resolve": "^10.0.0",
     "@rollup/plugin-replace": "^2.3.4",
-    "@rollup/plugin-url": "^5.0.1",
-    "@testing-library/react": "^11.1.2",
-    "@testing-library/react-hooks": "^3.4.2",
-    "@types/jest": "^26.0.15",
-    "@types/react": "^16.9.56",
-    "@types/react-dom": "^16.9.9",
+    "@rollup/plugin-url": "^6.0.0",
+    "@testing-library/react": "^11.2.2",
+    "@testing-library/react-hooks": "^3.5.0",
+    "@types/jest": "^26.0.16",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
     "eslint": "^7.2.0",
-    "eslint-config-welly": "^1.8.0",
-    "husky": "^4.3.0",
+    "eslint-config-welly": "^1.8.5",
+    "husky": "^4.3.4",
     "jest": "^26.6.3",
-    "lint-staged": "^10.5.1",
+    "lint-staged": "^10.5.3",
     "normalize.css": "^8.0.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.1.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-test-renderer": "^16.13.1",
+    "prettier": "^2.2.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-test-renderer": "^17.0.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.33.2",
+    "rollup": "^2.34.2",
     "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-livereload": "^2.0.0",
     "rollup-plugin-postcss": "^3.1.8",
     "rollup-plugin-serve": "^1.1.0",
     "rollup-plugin-size-snapshot": "^0.12.0",
     "rollup-plugin-terser": "^7.0.2",
-    "stylelint": "^13.7.2",
+    "stylelint": "^13.8.0",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-standard": "^20.0.0",
     "ts-jest": "^26.4.4",
-    "typescript": "^4.0.5"
+    "typescript": "^4.1.2"
   },
   "peerDependencies": {
     "react": ">= 16.8.0",

src/__tests__/Imager.ts

@@ -82,6 +82,7 @@ describe("Imager", () => {
       const image = createImage(new Imager());
       const onError = (event: Event) => {
         expect(event).toMatchObject(ERROR_EVT);
+        // @ts-expect-error
         done();
       };
       const onLoad = jest.fn();
@@ -100,6 +101,7 @@ describe("Imager", () => {
       const image = createImage(new Imager());
       const onError = (event: Event) => {
         expect(event).toMatchObject(ERROR_EVT);
+        // @ts-expect-error
         done();
       };
       const onLoad = jest.fn();
@@ -128,6 +130,7 @@ describe("Imager", () => {
       const onError = jest.fn();
       const onLoad = (event: Event) => {
         expect(event).toMatchObject(LOAD_EVT);
+        // @ts-expect-error
         done();
       };