chore(deps): upgrade react-query to v4 [EE-6638] (#11041)

app/react/portainer/HomeView/BackupFailedPanel.tsx

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { error as notifyError } from '@/portainer/services/notifications';
 import { getBackupStatus } from '@/portainer/services/api/backup.service';

app/react/portainer/HomeView/MotdPanel.tsx

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 import _ from 'lodash';
 
 import { useUIState } from '@/react/hooks/useUIState';
@@ -43,7 +43,7 @@ export function MotdPanel() {
 }
 
 function useMotd() {
-  const { data } = useQuery('motd', () => getMotd());
+  const { data } = useQuery(['motd'], () => getMotd());
   return data;
 }
 

app/react/portainer/access-control/AccessControlPanel/AccessControlPanelForm.tsx

@@ -1,6 +1,6 @@
 import { Form, Formik } from 'formik';
 import clsx from 'clsx';
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 import { object } from 'yup';
 
 import { useCurrentUser, useIsEdgeAdmin } from '@/react/hooks/useUser';

app/react/portainer/access-control/EditDetails/useLoadState.ts

@@ -13,6 +13,9 @@ export function useLoadState(environmentId: EnvironmentId) {
     teams: teams.data,
     users: users.data,
     isAdmin: isAdminQuery.isAdmin,
-    isLoading: teams.isLoading || users.isLoading || isAdminQuery.isLoading,
+    isLoading:
+      teams.isInitialLoading ||
+      users.isInitialLoading ||
+      isAdminQuery.isLoading,
   };
 }

app/react/portainer/account/AccountView/AccessTokensDatatable/useDeleteAccessTokensMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { withError, withInvalidate } from '@/react-tools/react-query';
 import { useCurrentUser } from '@/react/hooks/useUser';

app/react/portainer/account/AccountView/HelmRepositoryDatatable/helm-repositories.service.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQuery, useQueryClient } from 'react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { success as notifySuccess } from '@/portainer/services/notifications';
@@ -82,7 +82,7 @@ export function useDeleteHelmRepositoriesMutation() {
 }
 
 export function useHelmRepositories(userId: number) {
-  return useQuery('helmrepositories', () => getHelmRepositories(userId), {
+  return useQuery(['helmrepositories'], () => getHelmRepositories(userId), {
     staleTime: 20,
     ...withError('Unable to retrieve Helm repositories'),
   });

app/react/portainer/account/CreateAccessTokenView/useCreateUserAccessTokenMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withError } from '@/react-tools/react-query';

app/react/portainer/account/access-tokens/queries/useAccessTokens.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { useCurrentUser } from '@/react/hooks/useUser';
 import axios, { parseAxiosError } from '@/portainer/services/axios';

app/react/portainer/account/git-credentials/git-credentials.service.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQuery, useQueryClient } from 'react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { success as notifySuccess } from '@/portainer/services/notifications';
@@ -101,7 +101,7 @@ export function useGitCredentials(
   userId: UserId,
   { enabled }: { enabled?: boolean } = {}
 ) {
-  return useQuery('gitcredentials', () => getGitCredentials(userId), {
+  return useQuery(['gitcredentials'], () => getGitCredentials(userId), {
     enabled: isBE && enabled,
     meta: {
       error: {

app/react/portainer/account/git-credentials/queries/useCreateGitCredentialsMutation.ts

@@ -1,4 +1,4 @@
-import { useQueryClient, useMutation } from 'react-query';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { notifyError, notifySuccess } from '@/portainer/services/notifications';

app/react/portainer/account/useUpdateUserMutation.tsx

@@ -1,4 +1,4 @@
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { User } from '@/portainer/users/types';

app/react/portainer/environments/EdgeAutoCreateScriptView/AutomaticEdgeEnvCreation/AutomaticEdgeEnvCreation.tsx

@@ -1,4 +1,4 @@
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 import { useEffect, useState } from 'react';
 import { Laptop } from 'lucide-react';
 

app/react/portainer/environments/ListView/useDeleteEnvironmentsMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { promiseSequence } from '@/portainer/helpers/promise-utils';
 import axios, { parseAxiosError } from '@/portainer/services/axios';

app/react/portainer/environments/environment-groups/ListView/EnvironmentGroupsDatatable/useDeleteEnvironmentGroupsMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { withError, withInvalidate } from '@/react-tools/react-query';
 import { promiseSequence } from '@/portainer/helpers/promise-utils';

app/react/portainer/environments/environment-groups/queries.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { error as notifyError } from '@/portainer/services/notifications';
 

app/react/portainer/environments/environment-groups/queries/useCreateGroupMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { TagId } from '@/portainer/tags/types';

app/react/portainer/environments/environment-groups/queries/useEnvironmentGroups.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/environments/queries/useAgentVersionsList.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { getAgentVersions } from '../environment.service';
 

app/react/portainer/environments/queries/useCreateEnvironmentMutation.ts

@@ -1,4 +1,8 @@
-import { useQueryClient, useMutation, MutationFunction } from 'react-query';
+import {
+  useQueryClient,
+  useMutation,
+  MutationFunction,
+} from '@tanstack/react-query';
 
 import {
   createRemoteEnvironment,

app/react/portainer/environments/queries/useDeleteEnvironmentsMutation.ts

@@ -1,4 +1,4 @@
-import { useQueryClient, useMutation } from 'react-query';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
 
 import { promiseSequence } from '@/portainer/helpers/promise-utils';
 import {

app/react/portainer/environments/queries/useEnvironment.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { withError } from '@/react-tools/react-query';
 

app/react/portainer/environments/queries/useEnvironmentList.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { withError } from '@/react-tools/react-query';
 

app/react/portainer/environments/queries/useUpdateEnvironmentMutation.ts

@@ -1,4 +1,4 @@
-import { useQueryClient, useMutation } from 'react-query';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
 
 import { withError, withInvalidate } from '@/react-tools/react-query';
 import {

app/react/portainer/environments/queries/useUpdateEnvironmentsRelationsMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import {

app/react/portainer/environments/update-schedules/queries/create.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withError, withInvalidate } from '@/react-tools/react-query';

app/react/portainer/environments/update-schedules/queries/list.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/environments/update-schedules/queries/useActiveSchedules.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { EnvironmentId } from '@/react/portainer/environments/types';

app/react/portainer/environments/update-schedules/queries/useItem.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/environments/update-schedules/queries/usePreviousVersions.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { EnvironmentId } from '@/react/portainer/environments/types';

app/react/portainer/environments/update-schedules/queries/useRemoveMutation.ts

@@ -1,4 +1,4 @@
-import { useQueryClient, useMutation } from 'react-query';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
 
 import { promiseSequence } from '@/portainer/helpers/promise-utils';
 import axios, { parseAxiosError } from '@/portainer/services/axios';

app/react/portainer/environments/update-schedules/queries/useSupportedAgentVersions.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withError } from '@/react-tools/react-query';

app/react/portainer/environments/update-schedules/queries/useUpdateMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withError, withInvalidate } from '@/react-tools/react-query';

app/react/portainer/environments/wizard/HomeView/useFetchOrCreateLocalEnvironment.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 
 import { useEnvironmentList } from '@/react/portainer/environments/queries/useEnvironmentList';
 import {

app/react/portainer/gitops/GitFormUrlField.tsx

@@ -1,6 +1,6 @@
 import { ChangeEvent, useState } from 'react';
 import { RefreshCcw } from 'lucide-react';
-import { useQueryClient } from 'react-query';
+import { useQueryClient } from '@tanstack/react-query';
 import { string, StringSchema } from 'yup';
 
 import {

app/react/portainer/gitops/queries/useCheckRepo.ts

@@ -1,5 +1,5 @@
 import { AxiosError } from 'axios';
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, {
   isDefaultResponse,

app/react/portainer/gitops/queries/useGitRefs.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/gitops/queries/useSearch.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/licenses/use-license.service.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { error as notifyError } from '@/portainer/services/notifications';
 import { useNodesCount } from '@/react/portainer/system/useNodesCount';
@@ -8,7 +8,7 @@ import { LicenseInfo, LicenseType } from './types';
 
 export function useLicenseInfo() {
   const { isLoading, data: info } = useQuery<LicenseInfo, Error>(
-    'licenseInfo',
+    ['licenseInfo'],
     () => getLicenseInfo(),
     {
       onError(error) {

app/react/portainer/logs/ActivityLogsView/useActivityLogs.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/logs/ActivityLogsView/useExportMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 import { saveAs } from 'file-saver';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';

app/react/portainer/registries/ListView/RegistriesDatatable/useDeleteRegistriesMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { promiseSequence } from '@/portainer/helpers/promise-utils';
 import axios, { parseAxiosError } from '@/portainer/services/axios';

app/react/portainer/registries/queries/useRegistries.ts

@@ -1,4 +1,4 @@
-import { QueryKey, useQuery } from 'react-query';
+import { QueryKey, useQuery } from '@tanstack/react-query';
 
 import { withError } from '@/react-tools/react-query';
 import axios, { parseAxiosError } from '@/portainer/services/axios';

app/react/portainer/registries/queries/useRegistry.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';

app/react/portainer/registries/repositories/ListView/useRepositoryTags.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 import _ from 'lodash';
 
 import { Environment } from '@/react/portainer/environments/types';

app/react/portainer/registries/repositories/queries/useTagDetails.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { Environment } from '@/react/portainer/environments/types';
 import { Registry } from '@/react/portainer/registries/types/registry';

app/react/portainer/settings/EdgeComputeView/FDOProfilesDatatable/FDOProfilesDatatableActions.tsx

@@ -1,4 +1,4 @@
-import { useQueryClient } from 'react-query';
+import { useQueryClient } from '@tanstack/react-query';
 import { useRouter } from '@uirouter/react';
 import { PlusCircle } from 'lucide-react';
 
@@ -103,6 +103,6 @@ export function FDOProfilesDatatableActions({
       })
     );
 
-    await queryClient.invalidateQueries('fdo_profiles');
+    await queryClient.invalidateQueries(['fdo_profiles']);
   }
 }

app/react/portainer/settings/EdgeComputeView/FDOProfilesDatatable/useFDOProfiles.tsx

@@ -1,12 +1,12 @@
 import { useEffect, useMemo } from 'react';
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import PortainerError from '@/portainer/error';
 import * as notifications from '@/portainer/services/notifications';
 import { getProfiles } from '@/portainer/hostmanagement/fdo/fdo.service';
 
 export function useFDOProfiles() {
-  const { isLoading, data, isError, error } = useQuery('fdo_profiles', () =>
+  const { isLoading, data, isError, error } = useQuery(['fdo_profiles'], () =>
     getProfiles()
   );
 

app/react/portainer/settings/SettingsView/BackupSettingsView/queries/useBackupS3Settings.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withError } from '@/react-tools/react-query';

app/react/portainer/settings/SettingsView/BackupSettingsView/queries/useDownloadBackupMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 import { saveAs } from 'file-saver';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';

app/react/portainer/settings/SettingsView/BackupSettingsView/queries/useExportS3BackupMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withGlobalError } from '@/react-tools/react-query';

app/react/portainer/settings/SettingsView/BackupSettingsView/queries/useUpdateBackupS3SettingsMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withGlobalError } from '@/react-tools/react-query';

app/react/portainer/settings/SettingsView/KubeSettingsPanel/KubeSettingsPanel.tsx

@@ -1,5 +1,5 @@
 import { Form, Formik } from 'formik';
-import { useQueryClient } from 'react-query';
+import { useQueryClient } from '@tanstack/react-query';
 
 import kubeIcon from '@/assets/ico/kube.svg?c';
 import { notifySuccess } from '@/portainer/services/notifications';

app/react/portainer/settings/SettingsView/useUpdateSSLConfigMutation.tsx

@@ -1,4 +1,4 @@
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { mutationOptions, withError } from '@/react-tools/react-query';

app/react/portainer/settings/queries/useExperimentalSettings.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withError } from '@/react-tools/react-query';

app/react/portainer/settings/queries/useExperimentalSettingsMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import {

app/react/portainer/settings/queries/usePublicSettings.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { withError } from '@/react-tools/react-query';
 

app/react/portainer/settings/queries/useSSLSettings.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/settings/queries/useSettings.ts

@@ -1,4 +1,4 @@
-import { useQuery, useMutation, useQueryClient } from 'react-query';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 
 import {
   mutationOptions,

app/react/portainer/system/useNodesCount.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withError } from '@/react-tools/react-query';

app/react/portainer/system/useSystemInfo.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withError } from '@/react-tools/react-query';

app/react/portainer/system/useSystemStatus.ts

@@ -1,5 +1,4 @@
-import { useQuery } from 'react-query';
-import { RetryValue } from 'react-query/types/core/retryer';
+import { UseQueryOptions, useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { UserId } from '@/portainer/users/types';
@@ -43,7 +42,7 @@ export function useSystemStatus<T = StatusResponse>({
 }: {
   select?: (status: StatusResponse) => T;
   enabled?: boolean;
-  retry?: RetryValue<unknown>;
+  retry?: UseQueryOptions['retry'];
   onSuccess?: (data: T) => void;
 } = {}) {
   return useQuery(queryKey, () => getSystemStatus(), {

app/react/portainer/system/useSystemVersion.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/system/useUpgradeEditionMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 
 import axios, {
   isAxiosError,

app/react/portainer/templates/app-templates/DeployFormWidget/ContainerDeployForm/useCreateLocalVolumes.ts

@@ -1,4 +1,4 @@
-import { useMutation } from 'react-query';
+import { useMutation } from '@tanstack/react-query';
 
 import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
 import { createVolume } from '@/react/docker/volumes/queries/useCreateVolume';

app/react/portainer/templates/app-templates/queries/useAppTemplates.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { useRegistries } from '@/react/portainer/registries/queries/useRegistries';

app/react/portainer/templates/app-templates/queries/useFetchTemplateFile.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/templates/custom-templates/CreateView/useInitialValues.ts

@@ -28,7 +28,7 @@ export function useInitialValues({
   } = useCurrentStateAndParams();
 
   const fileContentQuery = useFetchTemplateFile(appTemplateId);
-  if (fileContentQuery.isLoading) {
+  if (fileContentQuery.isInitialLoading) {
     return undefined;
   }
 

app/react/portainer/templates/custom-templates/queries/useCreateTemplateMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import axios, {
   json2formData,

app/react/portainer/templates/custom-templates/queries/useCustomTemplate.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { withGlobalError } from '@/react-tools/react-query';
 import axios, { parseAxiosError } from '@/portainer/services/axios';

app/react/portainer/templates/custom-templates/queries/useCustomTemplateFile.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQuery } from 'react-query';
+import { useMutation, useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withGlobalError } from '@/react-tools/react-query';

app/react/portainer/templates/custom-templates/queries/useCustomTemplates.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import { withGlobalError } from '@/react-tools/react-query';

app/react/portainer/templates/custom-templates/queries/useDeleteTemplateMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import {
   mutationOptions,

app/react/portainer/templates/custom-templates/queries/useUpdateTemplateMutation.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 import {

app/react/portainer/users/RolesView/useRbacRoles.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';
 

app/react/portainer/users/teams/ItemView/Details.tsx

@@ -1,5 +1,5 @@
 import { useRouter } from '@uirouter/react';
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { Users } from 'lucide-react';
 
 import { usePublicSettings } from '@/react/portainer/settings/queries';

app/react/portainer/users/teams/ListView/CreateTeamForm/CreateTeamForm.tsx

@@ -1,5 +1,5 @@
 import { Formik, Field, Form } from 'formik';
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useReducer } from 'react';
 import { Plus } from 'lucide-react';
 

app/react/portainer/users/teams/ListView/TeamsDatatable/TeamsDatatable.tsx

@@ -1,4 +1,4 @@
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { Users } from 'lucide-react';
 import { ColumnDef } from '@tanstack/react-table';
 

app/react/portainer/users/teams/queries.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQuery, useQueryClient } from 'react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 
 import { promiseSequence } from '@/portainer/helpers/promise-utils';
 import { notifyError } from '@/portainer/services/notifications';

app/react/portainer/webhooks/useWebhooks.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import axios, { parseAxiosError } from '@/portainer/services/axios';