feat(codemod): add codemod that replaces the react-query import specifiers with react-query

Author: balazsmatepetro

packages/react-query/codemods/v4/__testfixtures__/replace-import-specifier.input.tsx

@@ -0,0 +1,4 @@
+import { useQuery, useQueryClient } from 'react-query'
+import { useQuery as RenamedUseQuery, useQueryClient as RenamedUseQueryClient } from 'react-query'
+import Something from 'react-query'
+import * as RQ from 'react-query'

packages/react-query/codemods/v4/__testfixtures__/replace-import-specifier.output.tsx

@@ -0,0 +1,4 @@
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { useQuery as RenamedUseQuery, useQueryClient as RenamedUseQueryClient } from '@tanstack/react-query'
+import Something from '@tanstack/react-query'
+import * as RQ from '@tanstack/react-query'

packages/react-query/codemods/v4/__tests__/replace-import-specifier.test.js

@@ -0,0 +1,14 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const defineTest = require('jscodeshift/dist/testUtils').defineTest
+
+jest.autoMockOff()
+
+defineTest(
+  __dirname,
+  'replace-import-specifier',
+  null,
+  'replace-import-specifier',
+  {
+    parser: 'tsx',
+  },
+)

packages/react-query/codemods/v4/replace-import-specifier.js

@@ -0,0 +1,19 @@
+module.exports = (file, api) => {
+  const jscodeshift = api.jscodeshift
+  const root = jscodeshift(file.source)
+
+  const findImportSpecifiers = () =>
+    root.find(jscodeshift.ImportDeclaration, {
+      source: {
+        value: 'react-query',
+      },
+    })
+
+  findImportSpecifiers().replaceWith(({ node }) => {
+    node.source.value = '@tanstack/react-query'
+
+    return node
+  })
+
+  return root.toSource({ quote: 'single' })
+}