update react-query to v5

package.json

@@ -13,7 +13,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-toggle-group": "^1.1.0",
-    "@tanstack/react-query": "^4.28.0",
+    "@tanstack/react-query": "^5.51.23",
     "async-mutex": "^0.5.0",
     "axios": "^1.3.4",
     "class-variance-authority": "^0.7.0",

src/services/todolist-api/auth/auth.hooks.ts

@@ -20,7 +20,7 @@ export const useLoginMutation = () => {
   return useMutation({
     mutationFn: AuthApi.login,
     onSuccess: async () => {
-      await queryClient.invalidateQueries([QUERY_KEYS.ME])
+      await queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.ME] })
       await router.push(ROUTES.HOME)
     },
   })
@@ -33,7 +33,7 @@ export const useLogoutMutation = () => {
   return useMutation({
     mutationFn: AuthApi.logout,
     onSuccess: async () => {
-      await queryClient.invalidateQueries([QUERY_KEYS.ME])
+      await queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.ME] })
       await router.push(ROUTES.LOGIN)
     },
   })

src/services/todolist-api/todolists/todolists.hooks.ts

@@ -18,7 +18,7 @@ export const useCreateTodolistMutation = () => {
   return useMutation({
     mutationFn: TodolistAPI.createTodolist,
     onSuccess: () => {
-      queryClient.invalidateQueries([QUERY_KEYS.TODOLISTS])
+      queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.TODOLISTS] })
     },
   })
 }
@@ -29,7 +29,7 @@ export const useDeleteTodolistMutation = () => {
   return useMutation({
     mutationFn: TodolistAPI.deleteTodolist,
     onSuccess: () => {
-      queryClient.invalidateQueries([QUERY_KEYS.TODOLISTS])
+      queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.TODOLISTS] })
     },
   })
 }
@@ -49,7 +49,9 @@ export const useCreateTaskMutation = () => {
     onSuccess: (res) => {
       const todolistId = res.todoListId
 
-      queryClient.invalidateQueries([QUERY_KEYS.TASKS, todolistId])
+      queryClient.invalidateQueries({
+        queryKey: [QUERY_KEYS.TASKS, todolistId],
+      })
     },
   })
 }
@@ -60,7 +62,9 @@ export const useUpdateTaskMutation = () => {
   return useMutation({
     mutationFn: TodolistAPI.updateTask,
     onSuccess: async (_, { todolistId }) => {
-      await queryClient.invalidateQueries([QUERY_KEYS.TASKS, todolistId])
+      await queryClient.invalidateQueries({
+        queryKey: [QUERY_KEYS.TASKS, todolistId],
+      })
     },
   })
 }
@@ -73,7 +77,9 @@ export const useDeleteTaskMutation = () => {
     onSuccess: (_, variables) => {
       const todolistId = variables.todolistId
 
-      queryClient.invalidateQueries([QUERY_KEYS.TASKS, todolistId])
+      queryClient.invalidateQueries({
+        queryKey: [QUERY_KEYS.TASKS, todolistId],
+      })
     },
   })
 }