Chore: bump React to 16.9.0 (#18502)

* Chore: bump react to 16.9.0

* Bump hooks testing lib

package.json

@@ -30,8 +30,8 @@
     "@types/pixelmatch": "4.0.0",
     "@types/pngjs": "3.3.2",
     "@types/puppeteer-core": "1.9.0",
-    "@types/react": "16.8.16",
-    "@types/react-dom": "16.8.4",
+    "@types/react": "16.9.0",
+    "@types/react-dom": "16.8.5",
     "@types/react-grid-layout": "0.16.7",
     "@types/react-select": "2.0.15",
     "@types/react-transition-group": "2.0.16",
@@ -98,9 +98,8 @@
     "postcss-reporter": "6.0.1",
     "prettier": "1.16.4",
     "puppeteer-core": "1.15.0",
-    "react-hooks-testing-library": "0.3.7",
     "react-hot-loader": "4.8.0",
-    "react-test-renderer": "16.8.4",
+    "react-test-renderer": "16.9.0",
     "redux-mock-store": "1.5.3",
     "regexp-replace-loader": "1.0.1",
     "rimraf": "2.6.3",
@@ -171,6 +170,7 @@
   },
   "dependencies": {
     "@babel/polyfill": "7.2.5",
+    "@testing-library/react-hooks": "2.0.1",
     "@torkelo/react-select": "2.4.1",
     "@types/angular-route": "1.7.0",
     "@types/d3-scale-chromatic": "1.3.1",
@@ -214,8 +214,8 @@
     "prismjs": "1.16.0",
     "prop-types": "15.7.2",
     "rc-cascader": "0.14.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
+    "react": "16.9.0",
+    "react-dom": "16.9.0",
     "react-grid-layout": "0.16.6",
     "react-highlight-words": "0.11.0",
     "react-popper": "1.3.3",

packages/grafana-data/package.json

@@ -26,7 +26,7 @@
     "@types/node": "10.14.1",
     "@types/papaparse": "4.5.9",
     "@types/pretty-format": "20.0.1",
-    "@types/react": "16.8.16",
+    "@types/react": "16.9.0",
     "@types/sinon": "^7.0.11",
     "awesome-typescript-loader": "^5.2.1",
     "lodash": "^4.17.10",

packages/grafana-ui/package.json

@@ -34,11 +34,11 @@
     "lodash": "4.17.14",
     "moment": "2.24.0",
     "papaparse": "4.6.3",
-    "react": "16.8.6",
+    "react": "16.9.0",
     "react-calendar": "2.18.1",
     "react-color": "2.17.0",
     "react-custom-scrollbars": "4.2.1",
-    "react-dom": "16.8.6",
+    "react-dom": "16.9.0",
     "react-highlight-words": "0.11.0",
     "react-popper": "1.3.3",
     "react-storybook-addon-props-combinations": "1.1.0",
@@ -60,9 +60,9 @@
     "@types/node": "10.14.1",
     "@types/papaparse": "4.5.9",
     "@types/pretty-format": "20.0.1",
-    "@types/react": "16.8.16",
+    "@types/react": "16.9.0",
     "@types/react-custom-scrollbars": "4.0.5",
-    "@types/react-test-renderer": "16.8.1",
+    "@types/react-test-renderer": "16.9.0",
     "@types/react-transition-group": "2.0.16",
     "@types/storybook__addon-actions": "3.4.2",
     "@types/storybook__addon-info": "4.1.1",
@@ -73,7 +73,7 @@
     "pretty-format": "24.5.0",
     "react-docgen-typescript-loader": "3.0.1",
     "react-docgen-typescript-webpack-plugin": "1.1.0",
-    "react-test-renderer": "16.8.4",
+    "react-test-renderer": "16.9.0",
     "rollup": "1.6.0",
     "rollup-plugin-commonjs": "9.2.1",
     "rollup-plugin-node-resolve": "4.0.1",

public/app/plugins/datasource/loki/components/useLokiLabels.test.ts

-import { renderHook, act } from 'react-hooks-testing-library';
+import { renderHook, act } from '@testing-library/react-hooks';
 import LanguageProvider from 'app/plugins/datasource/loki/language_provider';
 import { useLokiLabels } from './useLokiLabels';
 import { DataSourceStatus } from '@grafana/ui/src/types/datasource';

public/app/plugins/datasource/loki/components/useLokiSyntax.test.ts

-import { renderHook, act } from 'react-hooks-testing-library';
+import { renderHook, act } from '@testing-library/react-hooks';
 import { DataSourceStatus } from '@grafana/ui/src/types/datasource';
 import { AbsoluteTimeRange } from '@grafana/data';