@sylphx/lens-react 2.3.3 → 2.3.4

package/dist/index.js

@@ -21,12 +21,14 @@ function queryReducer(state, action) {
 }
 function createUseQueryHook(getEndpoint) {
   return function useQuery(options) {
+    const inputKey = JSON.stringify(options?.input);
+    const selectKey = JSON.stringify(options?.select);
     const query = useMemo(() => {
       if (options?.skip)
         return null;
       const endpoint = getEndpoint();
       return endpoint({ input: options?.input, select: options?.select });
-    }, [options?.input, options?.select, options?.skip, getEndpoint]);
+    }, [inputKey, selectKey, options?.skip]);
     const initialState = {
       data: null,
       loading: query != null && !options?.skip,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sylphx/lens-react",
-	"version": "2.3.3",
+	"version": "2.3.4",
 	"description": "React bindings for Lens API framework",
 	"type": "module",
 	"main": "./dist/index.js",

package/src/create.tsx

@@ -165,12 +165,18 @@ function createUseQueryHook<TInput, TOutput>(
 	getEndpoint: () => (options: unknown) => QueryResult<TOutput>,
 ) {
 	return function useQuery(options?: QueryHookOptions<TInput>): QueryHookResult<TOutput> {
+		// Use JSON.stringify for stable dependency comparison
+		// This prevents re-fetching when input object reference changes but content is the same
+		const inputKey = JSON.stringify(options?.input);
+		const selectKey = JSON.stringify(options?.select);
+
 		// Get query result from base client
+		// biome-ignore lint/correctness/useExhaustiveDependencies: Using JSON.stringify keys (inputKey, selectKey) for stable comparison instead of object references
 		const query = useMemo(() => {
 			if (options?.skip) return null;
 			const endpoint = getEndpoint();
 			return endpoint({ input: options?.input, select: options?.select });
-		}, [options?.input, options?.select, options?.skip, getEndpoint]);
+		}, [inputKey, selectKey, options?.skip]);
 
 		// State management
 		const initialState: QueryState<TOutput> = {