chore: update deps and files (#1070)

example/src/index.tsx

@@ -1,8 +1,8 @@
-/* global document */
+import {createRoot} from 'react-dom/client';
 import React from 'react';
-import ReactDOM from 'react-dom';
 import Demo from './Demo';
 
-const Root = () => <Demo />;
+const container = document.getElementById('main');
+const root = createRoot(container!);
 
-ReactDOM.render(<Root />, document.getElementById('main'));
+root.render(<Demo />);

package.json

@@ -9,7 +9,8 @@
         "dist",
         "src",
         "LICENSE",
-        "README.md"
+        "README.md",
+        "package.json"
     ],
     "scripts": {
         "test": "jest --coverage --forceExit",
@@ -48,50 +49,49 @@
         "react": ">=17.0.2"
     },
     "devDependencies": {
-        "@babel/cli": "^7.15.7",
-        "@babel/core": "^7.15.8",
-        "@babel/plugin-proposal-object-rest-spread": "^7.15.6",
-        "@babel/plugin-transform-object-assign": "^7.14.5",
-        "@babel/plugin-transform-runtime": "^7.15.8",
-        "@babel/preset-env": "^7.15.8",
-        "@babel/runtime": "^7.15.4",
+        "@babel/cli": "^7.21.0",
+        "@babel/core": "^7.21.0",
+        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/plugin-transform-object-assign": "^7.18.6",
+        "@babel/plugin-transform-runtime": "^7.21.0",
+        "@babel/preset-env": "^7.20.2",
+        "@babel/runtime": "^7.21.0",
         "@rollup/plugin-babel": "^6.0.3",
         "@rollup/plugin-commonjs": "^24.0.1",
         "@rollup/plugin-node-resolve": "^15.0.1",
         "@rollup/plugin-replace": "^5.0.2",
         "@rollup/plugin-terser": "^0.4.0",
         "@rollup/plugin-typescript": "^11.0.0",
-        "@testing-library/jest-dom": "^5.14.1",
-        "@testing-library/react": "^12.1.2",
-        "@types/jest": "^27.0.2",
-        "@types/react": "^17.0.30",
-        "@types/react-dom": "^17.0.9",
-        "@types/react-test-renderer": "^17.0.1",
-        "@typescript-eslint/eslint-plugin": "^5.54.0",
-        "@typescript-eslint/parser": "^5.54.0",
+        "@testing-library/jest-dom": "^5.16.5",
+        "@testing-library/react": "^14.0.0",
+        "@types/jest": "^29.4.0",
+        "@types/react": "^18.0.28",
+        "@types/react-dom": "^18.0.11",
+        "@types/react-test-renderer": "^18.0.0",
+        "@typescript-eslint/eslint-plugin": "^5.54.1",
+        "@typescript-eslint/parser": "^5.54.1",
         "acorn-jsx": "^5.3.2",
-        "babel-jest": "^27.2.5",
-        "babel-preset-react-app": "^10.0.0",
-        "browser-sync": "^2.27.5",
+        "babel-jest": "^29.5.0",
+        "babel-preset-react-app": "^10.0.1",
         "cz-conventional-changelog": "^3.3.0",
-        "eslint": "^8.0.1",
-        "eslint-config-prettier": "^8.3.0",
-        "eslint-plugin-import": "^2.25.2",
-        "eslint-plugin-jsx-a11y": "^6.4.1",
-        "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.26.1",
-        "eslint-plugin-react-hooks": "^4.2.0",
-        "jest": "^27.2.5",
-        "jest-environment-jsdom": "^27.2.5",
+        "eslint": "^8.35.0",
+        "eslint-config-prettier": "^8.7.0",
+        "eslint-plugin-import": "^2.27.5",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-react": "^7.32.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "jest": "^29.5.0",
+        "jest-environment-jsdom": "^29.5.0",
         "np": "^7.6.3",
         "postcss": "^8.4.21",
-        "prettier": "2.4.1",
-        "react": "^17.0.1",
-        "react-app-polyfill": "^2.0.0",
-        "react-dom": "^17.0.2",
-        "react-test-renderer": "^17.0.2",
-        "rimraf": "^3.0.2",
-        "rollup": "^3.18.0",
+        "prettier": "2.8.4",
+        "react": "^18.2.0",
+        "react-app-polyfill": "^3.0.0",
+        "react-dom": "^18.2.0",
+        "react-test-renderer": "^18.2.0",
+        "rimraf": "^4.4.0",
+        "rollup": "^3.19.0",
         "rollup-plugin-bundle-size": "^1.0.3",
         "rollup-plugin-delete": "^2.0.0",
         "rollup-plugin-dts": "^5.2.0",
@@ -104,11 +104,5 @@
         "commitizen": {
             "path": "./node_modules/cz-conventional-changelog"
         }
-    },
-    "bundlesize": [
-        {
-            "path": "./dist/react-cropper.*.js",
-            "maxSize": "6.18KB"
-        }
-    ]
+    }
 }

tests/__snapshots__/react-cropper.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`Cropper Render Tests Cropper snapshot 1`] = `
     alt="picture"
     src="http://fengyuanchen.github.io/cropper/images/picture.jpg"
     style={
-      Object {
+      {
         "maxWidth": "100%",
         "opacity": 0,
       }