[refactor-mutation-280] 🔨 Refactor : mutation 코드 개선 및 eslint 설정 추가

eslint.config.mjs

@@ -48,6 +48,21 @@ const eslintConfig = [
     },
   },
   ...storybook.configs["flat/recommended"],
+  // 260612 추가 : 공식문서 참고
+  {
+    rules: {
+      "react/no-unescaped-entities": "off",
+      "@next/next/no-page-custom-font": "off",
+    },
+  },
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
 ];
 
 export default eslintConfig;

package.json

@@ -62,6 +62,7 @@
     "eslint-config-next": "15.4.10",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-jest-dom": "^5.5.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-storybook": "^10.0.8",
     "eslint-plugin-testing-library": "^7.13.4",
     "globals": "^16.5.0",

src/hooks/queries/goals/useDeleteGoalMutation.ts

@@ -7,6 +7,7 @@ import { deleteGoal } from "@/api/goal";
 import goalsQueryKeys from "./queryKeys";
 import { useRouter } from "next/navigation";
 import { Goal, GoalResponse } from "@/api/types/goal";
+import { toast } from "sonner";
 
 type GoalsCache =
   | { nextCursor: number | null; totalCount: number; goals: Goal[] }
@@ -23,63 +24,27 @@ export function useDeleteGoalMutation() {
       await queryClient.cancelQueries({
         queryKey: goalsQueryKeys.detail(goalId),
       });
-      await queryClient.cancelQueries({
-        queryKey: goalsQueryKeys.list(),
-      });
+
       await queryClient.cancelQueries({
         queryKey: goalsQueryKeys.infinite(),
       });
 
-      queryClient.setQueriesData<GoalsCache>(
-        { queryKey: goalsQueryKeys.list() },
-        (old) => {
-          if (!old?.goals) return old;
-          return {
-            ...old,
-            totalCount: old.totalCount - 1,
-            goals: old.goals.filter((goal) => goal.id !== goalId),
-          };
-        },
-      );
-
-      queryClient.setQueriesData<InfiniteData<GoalResponse>>(
-        { queryKey: goalsQueryKeys.infinite() },
-        (old) => {
-          if (!old?.pages) return old;
-          return {
-            ...old,
-            pages: old.pages.map((page) => ({
-              ...page,
-              totalCount: page.totalCount - 1,
-              goals: page.goals.filter((goal) => goal.id !== goalId),
-            })),
-          };
-        },
-      );
-
       queryClient.removeQueries({
         queryKey: goalsQueryKeys.detail(goalId),
       });
     },
 
     onSuccess: () => {
-      queryClient.invalidateQueries({
-        queryKey: goalsQueryKeys.list(),
-      });
-      queryClient.invalidateQueries({
-        queryKey: goalsQueryKeys.infinite(),
-      });
-
       router.replace("/dashboard");
     },
 
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: goalsQueryKeys.list() });
+      queryClient.invalidateQueries({ queryKey: goalsQueryKeys.infinite() });
+    },
+
     onError: () => {
-      queryClient.invalidateQueries({
-        queryKey: goalsQueryKeys.list(),
-      });
-      queryClient.invalidateQueries({
-        queryKey: goalsQueryKeys.infinite(),
-      });
+      toast.error("삭제에 실패했습니다.");
     },
   });
 }