Merge pull request #56 from Qfeed-Dev/feature/#35

[Feat] 패키지 수정 및 각종 chore

package.json

@@ -31,7 +31,6 @@
         "react-cookie": "^6.1.0",
         "react-dom": "18.2.0",
         "react-intersection-observer": "^9.5.2",
-        "react-stack-grid": "^0.7.1",
         "styled-components": "^6.0.7",
         "swc": "^1.0.11",
         "tailwindcss": "3.3.3",

src/components/layout/Layout.tsx

@@ -1,8 +1,19 @@
 "use client";
+import { useEffect } from "react";
 import styled from "styled-components";
 import { colors, media } from "styles/theme";
 
 const Layout = ({ children }: { children: React.ReactNode }) => {
+    const preventZoom = (event: any) => {
+        if (event.touches.length > 1) {
+            event.preventDefault();
+        }
+    };
+
+    useEffect(() => {
+        window.addEventListener("touchmove", preventZoom, { passive: false });
+    }, []);
+
     return (
         <LayoutWrapper>
             <LayoutContent>{children}</LayoutContent>

src/constants/queryKeys/accountKeys.ts

@@ -7,7 +7,8 @@ export const userKeys = {
 };
 
 export const usersKeys = {
-    all: ["users"] as const
+    all: ["users"] as const,
+    filter: (filter: string) => [...usersKeys.all, filter] as const
 };
 
 export const friendKeys = {

src/hooks/account/useUsersQuery.ts

@@ -8,11 +8,15 @@ const useUsersQuery = (filter: string) => {
         data: users,
         isLoading,
         refetch
-    } = useQuery<any>(usersKeys.all, () => accountAPI.getUsers(filter), {
-        onError: (error: any) => {
-            alert(error);
+    } = useQuery<any>(
+        usersKeys.filter(filter),
+        () => accountAPI.getUsers(filter),
+        {
+            onError: (error: any) => {
+                alert(error);
+            }
         }
-    });
+    );
 
     return { users, isLoading, refetch };
 };