custom config for perfectionist/sort-objects for happy @tanstack/react-query usage

Author: flexbox

hackathon/spacecraft/.eslintrc.js

@@ -31,7 +31,13 @@ module.exports = {
     camelcase: "off", // Disable camelcase rule
     "perfectionist/sort-imports": "error", // Perfectionist import sorting
     "perfectionist/sort-interfaces": ["error"], // Perfectionist interfaces sorting
-    "perfectionist/sort-objects": ["error", { type: "natural" }], // Perfectionist objects sorting
+    "perfectionist/sort-objects": [
+      "error",
+      {
+        ignorePattern: ["useQuery*", "queries*", "useMutation*", "mutations*"],
+        type: "natural",
+      },
+    ],
     "prettier/prettier": [
       "warn",
       {

hackathon/spacecraft/src/hooks/usePilot.ts

@@ -10,9 +10,9 @@ export const usePilot = () => {
     );
 
   const query = useQuery({
-    placeholderData: keepPreviousData,
-    queryFn: () => fetchData(page),
     queryKey: ["pilots", page],
+    queryFn: () => fetchData(page),
+    placeholderData: keepPreviousData,
   });
 
   return { page, query, setPage };

hackathon/spacecraft/src/hooks/usePlanets.ts

@@ -8,7 +8,7 @@ export const fetchPlanets = async () => {
 
 export const usePlanets = () => {
   return useQuery({
-    queryFn: fetchPlanets,
     queryKey: ["planets"],
+    queryFn: fetchPlanets,
   });
 };

hackathon/spacecraft/src/hooks/useStarships.ts

@@ -16,8 +16,8 @@ export const useStarships = (starships: string[]) => {
   const userQueries = useQueries({
     queries: starships.map((starship, index) => {
       return {
-        queryFn: () => fetchStarshipById(starship),
         queryKey: ["starship", `starship-${index}`],
+        queryFn: () => fetchStarshipById(starship),
       };
     }),
   });