refactor(examples): add react webpack alias

example/craco.config.js

@@ -0,0 +1,9 @@
+const path = require('path');
+
+module.exports = {
+  webpack: {
+    alias: {
+      react: path.resolve(__dirname, '..', 'node_modules', 'react'),
+    },
+  },
+};

example/package.json

@@ -3,15 +3,16 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "react-dom": "^16.13.1",
+    "@craco/craco": "^5.7.0",
-    "react-flow-renderer": "file:../",
+    "react-dom": "^16.14.0",
+    "react-flow-renderer": "file:..",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.3"
+    "react-scripts": "^3.4.4"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "craco start",
-    "build": "react-scripts build",
+    "build": "craco build",
-    "test": "react-scripts test",
+    "test": "craco test",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {

package.json

@@ -23,10 +23,11 @@
     "test:firefox": "cypress run --browser firefox",
     "test:all": "npm run test:chrome && npm run test:firefox",
     "test": "npm run dev:wait test:chrome",
-    "release": "release-it"
+    "release": "release-it",
+    "postinstall": "cd example && npm install"
   },
   "dependencies": {
-    "@babel/runtime": "^7.9.0",
+    "@babel/runtime": "^7.12.1",
     "@welldone-software/why-did-you-render": "^4.3.2",
     "classcat": "^4.1.0",
     "d3-selection": "^2.0.0",
@@ -38,7 +39,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.3",
-    "@babel/plugin-transform-runtime": "^7.9.0",
+    "@babel/plugin-transform-runtime": "^7.12.1",
     "@babel/preset-env": "^7.12.1",
     "@babel/preset-react": "^7.12.1",
     "@rollup/plugin-babel": "^5.2.1",
@@ -58,7 +59,7 @@
     "prop-types": "^15.7.2",
     "react": "^16.14.0",
     "release-it": "^14.2.0",
-    "rollup": "^2.28.2",
+    "rollup": "^2.32.1",
     "rollup-plugin-bundle-size": "^1.0.3",
     "rollup-plugin-postcss": "^3.1.8",
     "rollup-plugin-typescript2": "^0.28.0",