fix(devtools): import useQueryClient directly from react-query (#2113)

Author: TkDodo

.eslintrc

@@ -29,7 +29,7 @@
     ],
     "no-shadow": "error",
     "import/no-cycle": "error",
-    "import/no-unresolved": "error",
+    "import/no-unresolved": ["error", { "ignore": ["react-query"] }],
     "import/no-unused-modules": ["off", { "unusedExports": true }],
     "no-redeclare": "off"
   }

rollup.config.js

@@ -7,11 +7,12 @@ import commonJS from 'rollup-plugin-commonjs'
 import visualizer from 'rollup-plugin-visualizer'
 import replace from '@rollup/plugin-replace'
 
-const external = ['react', 'react-dom']
+const external = ['react', 'react-dom', 'react-query']
 
 const globals = {
   react: 'React',
   'react-dom': 'ReactDOM',
+  'react-query': 'ReactQuery',
 }
 
 const inputSrcs = [

src/devtools/devtools.tsx

@@ -1,8 +1,9 @@
 // @ts-nocheck
 
 import React from 'react'
+
+import { useQueryClient } from 'react-query'
 import { matchSorter } from 'match-sorter'
-import { useQueryClient } from '../react'
 import useLocalStorage from './useLocalStorage'
 import { useSafeState } from './utils'