chore(deps): use react 17 (#686), remove why-did-you-render dependency

example/package.json

@@ -4,7 +4,8 @@
   "private": true,
   "dependencies": {
     "@craco/craco": "^5.7.0",
-    "react-dom": "^16.14.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "react-flow-renderer": "file:..",
     "react-router-dom": "^5.2.0",
     "react-scripts": "^3.4.4"

package.json

@@ -27,7 +27,6 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.12.5",
-    "@welldone-software/why-did-you-render": "^5.0.0",
     "classcat": "^4.1.0",
     "d3-selection": "^2.0.0",
     "d3-zoom": "^2.0.0",
@@ -56,7 +55,7 @@
     "postcss-nested": "^4.2.3",
     "prettier": "2.1.2",
     "prop-types": "^15.7.2",
-    "react": "^16.14.0",
+    "react": "^17.0.1",
     "release-it": "^14.2.1",
     "rollup": "^2.33.1",
     "rollup-plugin-bundle-size": "^1.0.3",
@@ -66,7 +65,7 @@
     "typescript": "^4.0.5"
   },
   "peerDependencies": {
-    "react": "^16.14.0"
+    "react": "16 || 17"
   },
   "files": [
     "dist"

src/container/ReactFlow/index.tsx

@@ -1,13 +1,6 @@
 import React, { useMemo, CSSProperties, HTMLAttributes, MouseEvent, WheelEvent } from 'react';
 import cc from 'classcat';
 
-const nodeEnv: string = (typeof __ENV__ !== 'undefined' && __ENV__) as string;
-
-if (nodeEnv !== 'production') {
-  const whyDidYouRender = require('@welldone-software/why-did-you-render');
-  whyDidYouRender(React);
-}
-
 import GraphView from '../GraphView';
 import ElementUpdater from '../../components/ElementUpdater';
 import DefaultNode from '../../components/Nodes/DefaultNode';