chore: alias react-query (#10118)

site/.storybook/preview.jsx

@@ -8,7 +8,7 @@ import { withRouter } from "storybook-addon-react-router-v6";
 import { HelmetProvider } from "react-helmet-async";
 import { dark } from "theme";
 import "theme/globalFonts";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider } from "react-query";
 
 export const decorators = [
   (Story) => (

site/package.json

@@ -46,7 +46,6 @@
     "@mui/styles": "5.14.0",
     "@mui/system": "5.14.0",
     "@mui/utils": "5.14.11",
-    "@tanstack/react-query": "4.35.3",
     "@vitejs/plugin-react": "4.1.0",
     "@xstate/inspect": "0.8.0",
     "@xstate/react": "3.2.1",
@@ -78,6 +77,7 @@
     "react-dom": "18.2.0",
     "react-helmet-async": "1.3.0",
     "react-markdown": "8.0.7",
+    "react-query": "npm:@tanstack/react-query@4.35.3",
     "react-router-dom": "6.16.0",
     "react-syntax-highlighter": "15.5.0",
     "react-use": "17.4.0",

site/pnpm-lock.yaml

@@ -54,9 +54,6 @@ dependencies:
   '@mui/utils':
     specifier: 5.14.11
     version: 5.14.11(@types/react@18.2.6)(react@18.2.0)
-  '@tanstack/react-query':
-    specifier: 4.35.3
-    version: 4.35.3(react-dom@18.2.0)(react@18.2.0)
   '@vitejs/plugin-react':
     specifier: 4.1.0
     version: 4.1.0(vite@4.4.2)
@@ -150,6 +147,9 @@ dependencies:
   react-markdown:
     specifier: 8.0.7
     version: 8.0.7(@types/react@18.2.6)(react@18.2.0)
+  react-query:
+    specifier: npm:@tanstack/react-query@4.35.3
+    version: /@tanstack/react-query@4.35.3(react-dom@18.2.0)(react@18.2.0)
   react-router-dom:
     specifier: 6.16.0
     version: 6.16.0(react-dom@18.2.0)(react@18.2.0)

site/src/App.tsx

@@ -1,5 +1,5 @@
 import CssBaseline from "@mui/material/CssBaseline";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider } from "react-query";
 import { AuthProvider } from "components/AuthProvider/AuthProvider";
 import { FC, PropsWithChildren } from "react";
 import { HelmetProvider } from "react-helmet-async";

site/src/api/queries/appearance.ts

@@ -1,4 +1,4 @@
-import { QueryClient } from "@tanstack/react-query";
+import { QueryClient } from "react-query";
 import * as API from "api/api";
 import { AppearanceConfig } from "api/typesGenerated";
 import { getMetadataAsJSON } from "utils/metadata";

site/src/api/queries/entitlements.ts

@@ -1,4 +1,4 @@
-import { QueryClient } from "@tanstack/react-query";
+import { QueryClient } from "react-query";
 import * as API from "api/api";
 import { Entitlements } from "api/typesGenerated";
 import { getMetadataAsJSON } from "utils/metadata";

site/src/api/queries/groups.ts

@@ -1,4 +1,4 @@
-import { QueryClient } from "@tanstack/react-query";
+import { QueryClient } from "react-query";
 import * as API from "api/api";
 import { checkAuthorization } from "api/api";
 import {

site/src/api/queries/settings.ts

@@ -3,7 +3,7 @@ import {
   type UserQuietHoursScheduleResponse,
   type UpdateUserQuietHoursScheduleRequest,
 } from "api/typesGenerated";
-import { type QueryClient, type QueryOptions } from "@tanstack/react-query";
+import { type QueryClient, type QueryOptions } from "react-query";
 
 export const userQuietHoursScheduleKey = (userId: string) => [
   "settings",

site/src/api/queries/sshKeys.ts

@@ -1,4 +1,4 @@
-import { QueryClient } from "@tanstack/react-query";
+import { QueryClient } from "react-query";
 import * as API from "api/api";
 import { GitSSHKey } from "api/typesGenerated";
 

site/src/api/queries/templates.ts

@@ -6,7 +6,7 @@ import {
   type ProvisionerJobStatus,
   type TemplateVersion,
 } from "api/typesGenerated";
-import { type QueryClient, type QueryOptions } from "@tanstack/react-query";
+import { type QueryClient, type QueryOptions } from "react-query";
 import { delay } from "utils/delay";
 
 export const templateByNameKey = (orgId: string, name: string) => [

site/src/api/queries/users.ts

@@ -1,4 +1,4 @@
-import { QueryClient, QueryOptions } from "@tanstack/react-query";
+import { QueryClient, QueryOptions } from "react-query";
 import * as API from "api/api";
 import {
   GetUsersResponse,

site/src/api/queries/workspace.ts

@@ -1,6 +1,6 @@
 import * as API from "api/api";
 import { type Workspace } from "api/typesGenerated";
-import { type QueryOptions } from "@tanstack/react-query";
+import { type QueryOptions } from "react-query";
 
 export const workspaceByOwnerAndNameKey = (owner: string, name: string) => [
   "workspace",

site/src/api/queries/workspaceBuilds.ts

@@ -1,4 +1,4 @@
-import { UseInfiniteQueryOptions } from "@tanstack/react-query";
+import { UseInfiniteQueryOptions } from "react-query";
 import * as API from "api/api";
 import { WorkspaceBuild, WorkspaceBuildsRequest } from "api/typesGenerated";
 

site/src/components/Dashboard/DashboardProvider.tsx

@@ -1,4 +1,4 @@
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { buildInfo } from "api/queries/buildInfo";
 import { experiments } from "api/queries/experiments";
 import { entitlements } from "api/queries/entitlements";

site/src/components/Dashboard/DeploymentBanner/DeploymentBanner.tsx

@@ -1,6 +1,6 @@
 import { usePermissions } from "hooks/usePermissions";
 import { DeploymentBannerView } from "./DeploymentBannerView";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { deploymentStats } from "api/queries/deployment";
 
 export const DeploymentBanner: React.FC = () => {

site/src/components/Dashboard/HealthBanner.tsx

@@ -2,7 +2,7 @@ import { Alert } from "components/Alert/Alert";
 import { Link as RouterLink } from "react-router-dom";
 import Link from "@mui/material/Link";
 import { colors } from "theme/colors";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getHealth } from "api/api";
 import { useDashboard } from "./DashboardProvider";
 

site/src/components/DeploySettingsLayout/DeploySettingsLayout.tsx

@@ -7,7 +7,7 @@ import { RequirePermission } from "components/RequirePermission/RequirePermissio
 import { usePermissions } from "hooks/usePermissions";
 import { Outlet } from "react-router-dom";
 import { DeploymentConfig } from "api/api";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { deploymentConfig } from "api/queries/deployment";
 
 type DeploySettingsContextValue = {

site/src/components/Filter/menu.ts

@@ -1,6 +1,6 @@
 import { useMemo, useRef, useState } from "react";
 import { BaseOption } from "./options";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 
 export type UseFilterMenuOptions<TOption extends BaseOption> = {
   id: string;

site/src/components/Resources/PortForwardButton.tsx

@@ -12,7 +12,7 @@ import {
 import { SecondaryAgentButton } from "components/Resources/AgentButton";
 import { docs } from "utils/docs";
 import Box from "@mui/material/Box";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getAgentListeningPorts } from "api/api";
 import {
   WorkspaceAgent,

site/src/components/UserAutocomplete/UserAutocomplete.tsx

@@ -8,7 +8,7 @@ import { AvatarData } from "components/AvatarData/AvatarData";
 import { ChangeEvent, ComponentProps, FC, useState } from "react";
 import Box from "@mui/material/Box";
 import { useDebouncedFunction } from "hooks/debounce";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { users } from "api/queries/users";
 import { prepareQuery } from "utils/filters";
 

site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.tsx

@@ -10,7 +10,7 @@ import {
 import InfoIcon from "@mui/icons-material/InfoOutlined";
 import { makeStyles } from "@mui/styles";
 import { colors } from "theme/colors";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { templateVersion } from "api/queries/templates";
 import Box from "@mui/material/Box";
 import Skeleton from "@mui/material/Skeleton";

site/src/contexts/ProxyContext.tsx

@@ -1,4 +1,4 @@
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getWorkspaceProxies, getWorkspaceProxyRegions } from "api/api";
 import { Region, WorkspaceProxy } from "api/typesGenerated";
 import { useDashboard } from "components/Dashboard/DashboardProvider";

site/src/pages/AuditPage/AuditPage.tsx

@@ -11,7 +11,7 @@ import { AuditPageView } from "./AuditPageView";
 import { useUserFilterMenu } from "components/Filter/UserFilter";
 import { useFilter } from "components/Filter/filter";
 import { usePagination } from "hooks";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getAuditLogs } from "api/api";
 import { useActionFilterMenu, useResourceTypeFilterMenu } from "./AuditFilter";
 

site/src/pages/CreateTokenPage/CreateTokenPage.tsx

@@ -6,7 +6,7 @@ import { useNavigate } from "react-router-dom";
 import { useFormik } from "formik";
 import { Loader } from "components/Loader/Loader";
 import { displaySuccess, displayError } from "components/GlobalSnackbar/utils";
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery } from "react-query";
 import { createToken, getTokenConfig } from "api/api";
 import { CreateTokenForm } from "./CreateTokenForm";
 import { NANO_HOUR, CreateTokenData } from "./utils";

site/src/pages/CreateUserPage/CreateUserPage.tsx

@@ -5,7 +5,7 @@ import { useNavigate } from "react-router-dom";
 import { CreateUserForm } from "./CreateUserForm";
 import { Margins } from "components/Margins/Margins";
 import { pageTitle } from "utils/page";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "react-query";
 import { authMethods, createUser } from "api/queries/users";
 import { displaySuccess } from "components/GlobalSnackbar/utils";
 

site/src/pages/CreateWorkspacePage/CreateWorkspacePage.tsx

@@ -23,7 +23,7 @@ import {
   colors,
   NumberDictionary,
 } from "unique-names-generator";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { templateVersionExternalAuth } from "api/queries/templates";
 
 export type ExternalAuthPollingState = "idle" | "polling" | "abandoned";

site/src/pages/DeploySettingsPage/AppearanceSettingsPage/AppearanceSettingsPage.tsx

@@ -4,7 +4,7 @@ import { FC } from "react";
 import { Helmet } from "react-helmet-async";
 import { pageTitle } from "utils/page";
 import { AppearanceSettingsPageView } from "./AppearanceSettingsPageView";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "react-query";
 import { updateAppearance } from "api/queries/appearance";
 import { getErrorMessage } from "api/errors";
 import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";

site/src/pages/DeploySettingsPage/GeneralSettingsPage/GeneralSettingsPage.tsx

@@ -3,7 +3,7 @@ import { FC } from "react";
 import { Helmet } from "react-helmet-async";
 import { pageTitle } from "utils/page";
 import { GeneralSettingsPageView } from "./GeneralSettingsPageView";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { deploymentDAUs } from "api/queries/deployment";
 
 const GeneralSettingsPage: FC = () => {

site/src/pages/DeploySettingsPage/LicensesSettingsPage/AddNewLicensePage.tsx

@@ -1,4 +1,4 @@
-import { useMutation } from "@tanstack/react-query";
+import { useMutation } from "react-query";
 import { createLicense } from "api/api";
 import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
 import { FC } from "react";

site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicensesSettingsPage.tsx

@@ -1,4 +1,4 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "react-query";
 import { getLicenses, removeLicense } from "api/api";
 import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
 import { FC, useEffect } from "react";

site/src/pages/ExternalAuthPage/ExternalAuthPage.tsx

@@ -1,4 +1,4 @@
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "react-query";
 import {
   exchangeExternalAuthDevice,
   getExternalAuthDevice,

site/src/pages/GroupsPage/CreateGroupPage.tsx

@@ -4,7 +4,7 @@ import { Helmet } from "react-helmet-async";
 import { useNavigate } from "react-router-dom";
 import { pageTitle } from "utils/page";
 import CreateGroupPageView from "./CreateGroupPageView";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "react-query";
 import { createGroup } from "api/queries/groups";
 
 export const CreateGroupPage: FC = () => {

site/src/pages/GroupsPage/GroupPage.tsx

@@ -34,7 +34,7 @@ import {
 } from "components/TableToolbar/TableToolbar";
 import { UserAvatar } from "components/UserAvatar/UserAvatar";
 import { isEveryoneGroup } from "utils/groups";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "react-query";
 import {
   addMember,
   deleteGroup,

site/src/pages/GroupsPage/GroupsPage.tsx

@@ -5,7 +5,7 @@ import { FC, useEffect } from "react";
 import { Helmet } from "react-helmet-async";
 import { pageTitle } from "utils/page";
 import GroupsPageView from "./GroupsPageView";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { groups } from "api/queries/groups";
 import { displayError } from "components/GlobalSnackbar/utils";
 import { getErrorMessage } from "api/errors";

site/src/pages/GroupsPage/SettingsGroupPage.tsx

@@ -3,7 +3,7 @@ import { Helmet } from "react-helmet-async";
 import { useNavigate, useParams } from "react-router-dom";
 import { pageTitle } from "utils/page";
 import SettingsGroupPageView from "./SettingsGroupPageView";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "react-query";
 import { group, patchGroup } from "api/queries/groups";
 import { displayError } from "components/GlobalSnackbar/utils";
 import { getErrorMessage } from "api/errors";

site/src/pages/HealthPage/HealthPage.tsx

@@ -1,5 +1,5 @@
 import Box from "@mui/material/Box";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getHealth } from "api/api";
 import { Loader } from "components/Loader/Loader";
 import { useTab } from "hooks";

site/src/pages/SetupPage/SetupPage.tsx

@@ -4,7 +4,7 @@ import { Helmet } from "react-helmet-async";
 import { pageTitle } from "utils/page";
 import { SetupPageView } from "./SetupPageView";
 import { Navigate } from "react-router-dom";
-import { useMutation } from "@tanstack/react-query";
+import { useMutation } from "react-query";
 import { createFirstUser } from "api/queries/users";
 
 export const SetupPage: FC = () => {

site/src/pages/StarterTemplatePage/StarterTemplatePage.tsx

@@ -4,7 +4,7 @@ import { Helmet } from "react-helmet-async";
 import { useParams } from "react-router-dom";
 import { pageTitle } from "utils/page";
 import { StarterTemplatePageView } from "./StarterTemplatePageView";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { templateExamples } from "api/queries/templates";
 
 const StarterTemplatePage: FC = () => {

site/src/pages/StarterTemplatesPage/StarterTemplatesPage.tsx

@@ -3,7 +3,7 @@ import { FC } from "react";
 import { Helmet } from "react-helmet-async";
 import { pageTitle } from "utils/page";
 import { StarterTemplatesPageView } from "./StarterTemplatesPageView";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { templateExamples } from "api/queries/templates";
 import { getTemplatesByTag } from "utils/starterTemplates";
 

site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPage.tsx

@@ -5,7 +5,7 @@ import Button from "@mui/material/Button";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Radio from "@mui/material/Radio";
 import RadioGroup from "@mui/material/RadioGroup";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getTemplateVersionRichParameters } from "api/api";
 import { Template, TemplateVersionParameter } from "api/typesGenerated";
 import { FormSection, VerticalForm } from "components/Form/Form";

site/src/pages/TemplatePage/TemplateFilesPage/TemplateFilesPage.tsx

@@ -1,4 +1,4 @@
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getPreviousTemplateVersionByName } from "api/api";
 import { TemplateVersion } from "api/typesGenerated";
 import { Loader } from "components/Loader/Loader";

site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx

@@ -2,7 +2,7 @@ import LinearProgress from "@mui/material/LinearProgress";
 import Box from "@mui/material/Box";
 import { styled, useTheme } from "@mui/material/styles";
 import { BoxProps } from "@mui/system";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import {
   ActiveUsersTitle,
   ActiveUserChart,

site/src/pages/TemplatePage/TemplateLayout.tsx

@@ -12,7 +12,7 @@ import {
   getTemplateByName,
   getTemplateVersion,
 } from "api/api";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { AuthorizationRequest } from "api/typesGenerated";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
 

site/src/pages/TemplatePage/TemplateSummaryPage/TemplateSummaryPage.tsx

@@ -3,7 +3,7 @@ import { FC } from "react";
 import { Helmet } from "react-helmet-async";
 import { getTemplatePageTitle } from "../utils";
 import { TemplateSummaryPageView } from "./TemplateSummaryPageView";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getTemplateVersionResources } from "api/api";
 
 export const TemplateSummaryPage: FC = () => {

site/src/pages/TemplatePage/TemplateVersionsPage/TemplateVersionsPage.tsx

@@ -1,4 +1,4 @@
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery } from "react-query";
 import { getTemplateVersions, updateActiveTemplateVersion } from "api/api";
 import { getErrorMessage } from "api/errors";
 import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";

site/src/pages/TemplateSettingsPage/TemplateGeneralSettingsPage/TemplateSettingsPage.tsx

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "react-query";
 import { updateTemplateMeta } from "api/api";
 import { UpdateTemplateMeta } from "api/typesGenerated";
 import { displaySuccess } from "components/GlobalSnackbar/utils";

site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateSchedulePage.tsx

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "react-query";
 import { updateTemplateMeta } from "api/api";
 import { UpdateTemplateMeta } from "api/typesGenerated";
 import { useDashboard } from "components/Dashboard/DashboardProvider";

site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateSchedulePageView.stories.tsx

@@ -2,7 +2,7 @@ import { action } from "@storybook/addon-actions";
 import { Meta, StoryObj } from "@storybook/react";
 import { MockTemplate } from "testHelpers/entities";
 import { TemplateSchedulePageView } from "./TemplateSchedulePageView";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider } from "react-query";
 
 const queryClient = new QueryClient({
   defaultOptions: {

site/src/pages/TemplateSettingsPage/TemplateSettingsLayout.tsx

@@ -7,7 +7,7 @@ import { pageTitle } from "utils/page";
 import { Loader } from "components/Loader/Loader";
 import { Outlet, useParams } from "react-router-dom";
 import { Margins } from "components/Margins/Margins";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { useOrganizationId } from "hooks/useOrganizationId";
 import { templateByName } from "api/queries/templates";
 import { type AuthorizationResponse, type Template } from "api/typesGenerated";

site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariablesPage.tsx

@@ -17,7 +17,7 @@ import {
   templateVersionVariables,
   updateActiveTemplateVersion,
 } from "api/queries/templates";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "react-query";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
 import { Loader } from "components/Loader/Loader";
 

site/src/pages/TemplateVersionEditorPage/data.ts

@@ -1,4 +1,4 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { useQuery, UseQueryOptions } from "react-query";
 import { getFile, getTemplateByName, getTemplateVersionByName } from "api/api";
 import { TarReader } from "utils/tar";
 import { createTemplateVersionFileTree } from "utils/templateVersion";

site/src/pages/TemplatesPage/TemplatesPage.tsx

@@ -5,7 +5,7 @@ import { Helmet } from "react-helmet-async";
 import { pageTitle } from "utils/page";
 import { TemplatesPageView } from "./TemplatesPageView";
 import { templateExamples, templates } from "api/queries/templates";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 
 export const TemplatesPage: FC = () => {
   const organizationId = useOrganizationId();

site/src/pages/UserSettingsPage/SSHKeysPage/SSHKeysPage.tsx

@@ -4,7 +4,7 @@ import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
 import { Section } from "components/SettingsLayout/Section";
 import { SSHKeysPageView } from "./SSHKeysPageView";
 import { regenerateUserSSHKey, userSSHKey } from "api/queries/sshKeys";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "react-query";
 import { getErrorMessage } from "api/errors";
 
 export const Language = {

site/src/pages/UserSettingsPage/SchedulePage/SchedulePage.tsx

@@ -4,7 +4,7 @@ import { Section } from "components/SettingsLayout/Section";
 import { ScheduleForm } from "./ScheduleForm";
 import { useMe } from "hooks/useMe";
 import { Loader } from "components/Loader/Loader";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "react-query";
 import {
   updateUserQuietHoursSchedule,
   userQuietHoursSchedule,

site/src/pages/UserSettingsPage/SecurityPage/SecurityPage.tsx

@@ -2,7 +2,7 @@ import { useMe } from "hooks/useMe";
 import { ComponentProps, FC } from "react";
 import { Section } from "components/SettingsLayout/Section";
 import { SecurityForm } from "./SettingsSecurityForm";
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery } from "react-query";
 import { getUserLoginType } from "api/api";
 import {
   SingleSignOnSection,

site/src/pages/UserSettingsPage/SecurityPage/SingleSignOnSection.tsx

@@ -14,7 +14,7 @@ import {
   UserLoginType,
 } from "api/typesGenerated";
 import { Stack } from "components/Stack/Stack";
-import { useMutation } from "@tanstack/react-query";
+import { useMutation } from "react-query";
 import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";
 import { getErrorMessage } from "api/errors";
 import CheckCircleOutlined from "@mui/icons-material/CheckCircleOutlined";

site/src/pages/UserSettingsPage/TokensPage/ConfirmDeleteDialog.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { MockToken } from "testHelpers/entities";
 import { ConfirmDeleteDialog } from "./ConfirmDeleteDialog";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider } from "react-query";
 
 const queryClient = new QueryClient({
   defaultOptions: {

site/src/pages/UserSettingsPage/TokensPage/hooks.ts

@@ -1,9 +1,4 @@
-import {
-  useQuery,
-  useMutation,
-  useQueryClient,
-  QueryKey,
-} from "@tanstack/react-query";
+import { useQuery, useMutation, useQueryClient, QueryKey } from "react-query";
 import { getTokens, deleteToken } from "api/api";
 import { TokensFilter } from "api/typesGenerated";
 

site/src/pages/UsersPage/UsersPage.tsx

@@ -13,7 +13,7 @@ import { UsersPageView } from "./UsersPageView";
 import { useStatusFilterMenu } from "./UsersFilter";
 import { useFilter } from "components/Filter/filter";
 import { useDashboard } from "components/Dashboard/DashboardProvider";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "react-query";
 import { roles } from "api/queries/roles";
 import { deploymentConfig } from "api/queries/deployment";
 import { prepareQuery } from "utils/filters";

site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx

@@ -3,7 +3,7 @@ import { Helmet } from "react-helmet-async";
 import { useParams } from "react-router-dom";
 import { pageTitle } from "utils/page";
 import { WorkspaceBuildPageView } from "./WorkspaceBuildPageView";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getWorkspaceBuilds } from "api/api";
 import dayjs from "dayjs";
 import { workspaceBuildByNumber } from "api/queries/workspaceBuilds";

site/src/pages/WorkspacePage/WorkspaceActions/BuildParametersPopover.tsx

@@ -2,7 +2,7 @@ import ExpandMoreOutlined from "@mui/icons-material/ExpandMoreOutlined";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import Popover from "@mui/material/Popover";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { getWorkspaceParameters } from "api/api";
 import {
   TemplateVersionParameter,

site/src/pages/WorkspacePage/WorkspacePage.tsx

@@ -10,7 +10,7 @@ import { useOrganizationId } from "hooks";
 import { isAxiosError } from "axios";
 import { Margins } from "components/Margins/Margins";
 import { workspaceQuota } from "api/queries/workspaceQuota";
-import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
+import { useInfiniteQuery, useQuery } from "react-query";
 import { infiniteWorkspaceBuilds } from "api/queries/workspaceBuilds";
 
 export const WorkspacePage: FC = () => {

site/src/pages/WorkspacePage/WorkspaceReadyPage.tsx

@@ -22,7 +22,7 @@ import {
 } from "xServices/workspace/workspaceXService";
 import { UpdateBuildParametersDialog } from "./UpdateBuildParametersDialog";
 import { ChangeVersionDialog } from "./ChangeVersionDialog";
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery } from "react-query";
 import { restartWorkspace } from "api/api";
 import {
   ConfirmDialog,

site/src/pages/WorkspaceSettingsPage/WorkspaceParametersPage/WorkspaceParametersPage.tsx

@@ -2,7 +2,7 @@ import { getWorkspaceParameters, postWorkspaceBuild } from "api/api";
 import { Helmet } from "react-helmet-async";
 import { pageTitle } from "utils/page";
 import { useWorkspaceSettings } from "../WorkspaceSettingsLayout";
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery } from "react-query";
 import { Loader } from "components/Loader/Loader";
 import {
   WorkspaceParametersFormValues,

site/src/pages/WorkspaceSettingsPage/WorkspaceSchedulePage/WorkspaceSchedulePage.tsx

@@ -23,7 +23,7 @@ import {
   formValuesToTTLRequest,
 } from "./formToRequest";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
-import { useQueryClient } from "@tanstack/react-query";
+import { useQueryClient } from "react-query";
 
 const getAutostart = (workspace: TypesGen.Workspace) =>
   scheduleToAutostart(workspace.autostart_schedule);

site/src/pages/WorkspaceSettingsPage/WorkspaceSettingsLayout.tsx

@@ -8,7 +8,7 @@ import { Loader } from "components/Loader/Loader";
 import { Outlet, useParams } from "react-router-dom";
 import { Margins } from "components/Margins/Margins";
 import { workspaceByOwnerAndName } from "api/queries/workspace";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
 import { type Workspace } from "api/typesGenerated";
 

site/src/pages/WorkspaceSettingsPage/WorkspaceSettingsPage.tsx

@@ -3,7 +3,7 @@ import { useNavigate, useParams } from "react-router-dom";
 import { pageTitle } from "utils/page";
 import { useWorkspaceSettings } from "./WorkspaceSettingsLayout";
 import { WorkspaceSettingsPageView } from "./WorkspaceSettingsPageView";
-import { useMutation } from "@tanstack/react-query";
+import { useMutation } from "react-query";
 import { displaySuccess } from "components/GlobalSnackbar/utils";
 import { patchWorkspace } from "api/api";
 import { WorkspaceSettingsFormValues } from "./WorkspaceSettingsForm";

site/src/pages/WorkspacesPage/WorkspacesButton.tsx

@@ -3,7 +3,7 @@ import { useTheme } from "@emotion/react";
 import { Language } from "./WorkspacesPageView";
 
 import { type Template } from "api/typesGenerated";
-import { type UseQueryResult } from "@tanstack/react-query";
+import { type UseQueryResult } from "react-query";
 
 import { Link as RouterLink } from "react-router-dom";
 import Box from "@mui/system/Box";

site/src/pages/WorkspacesPage/WorkspacesPage.tsx

@@ -19,7 +19,7 @@ import TextField from "@mui/material/TextField";
 import { displayError } from "components/GlobalSnackbar/utils";
 import { getErrorMessage } from "api/errors";
 import { useEffectEvent } from "hooks/hookPolyfills";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from "react-query";
 import { templates } from "api/queries/templates";
 
 function useSafeSearchParams() {

site/src/pages/WorkspacesPage/WorkspacesPageView.tsx

@@ -19,7 +19,7 @@ import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import DeleteOutlined from "@mui/icons-material/DeleteOutlined";
 import { WorkspacesButton } from "./WorkspacesButton";
-import { UseQueryResult } from "@tanstack/react-query";
+import { UseQueryResult } from "react-query";
 
 export const Language = {
   pageTitle: "Workspaces",

site/src/pages/WorkspacesPage/data.ts

@@ -1,9 +1,4 @@
-import {
-  QueryKey,
-  useMutation,
-  useQuery,
-  useQueryClient,
-} from "@tanstack/react-query";
+import { QueryKey, useMutation, useQuery, useQueryClient } from "react-query";
 import { getWorkspaces, updateWorkspaceVersion } from "api/api";
 import { getErrorMessage } from "api/errors";
 import {