qortex-react 0.1.3 → 0.1.5

package/README.md

@@ -4,6 +4,7 @@
 
 [![npm version](https://badge.fury.io/js/qortex-react.svg)](https://badge.fury.io/js/qortex-react)
 [![Bundle Size](https://img.shields.io/bundlephobia/minzip/qortex-react)](https://bundlephobia.com/package/qortex-react)
+[![Bundle Size](https://img.shields.io/badge/gzipped-2KB-brightgreen)](https://bundlephobia.com/package/qortex-react)
 [![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
 [![React](https://img.shields.io/badge/React-18+-blue.svg)](https://reactjs.org/)
 
@@ -125,6 +126,8 @@ const {
   data, 
   isLoading, 
   isFetching, 
+  isSuccess,
+  isError,
   error, 
   refetch,
   status,
@@ -281,18 +284,20 @@ queryManager.registerFetcher<User[]>(["users"], {
 });
 
 function UsersList() {
-  const { data: users, isLoading, error } = useQuery<User[]>(["users"]);
+  const { data: users, isLoading, isSuccess, isError, error } = useQuery<User[]>(["users"]);
   
   if (isLoading) return <div>Loading...</div>;
-  if (error) return <div>Error: {error.message}</div>;
-
-  return (
-    <ul>
-      {users?.map(user => (
-        <li key={user.id}>{user.name} - {user.email}</li>
-      ))}
-    </ul>
-  );
+  if (isError) return <div>Error: {error?.message}</div>;
+  if (isSuccess && users) {
+    return (
+      <ul>
+        {users.map(user => (
+          <li key={user.id}>{user.name} - {user.email}</li>
+        ))}
+      </ul>
+    );
+  }
+  return <div>No users found</div>;
 }
 
 // Or use useQueryData for simpler typed access

package/index.d.ts

@@ -1,4 +1,4 @@
-import { Fetcher, QueryKey, QueryOptions, InferFetcherReturnType, QueryState } from 'qortex-core';
+import { Fetcher, QueryKey, QueryOptions, InferFetcherResult, QueryState } from 'qortex-core';
 export * from 'qortex-core';
 
 /**
@@ -6,9 +6,9 @@ export * from 'qortex-core';
  * Provides reactive data fetching with automatic re-renders on state changes
  * Enhanced with automatic type inference from fetchers
  */
-declare function useQuery<F extends Fetcher>(key: QueryKey, opts: QueryOptions<InferFetcherReturnType<F>> & {
+declare function useQuery<F extends Fetcher>(key: QueryKey, opts: QueryOptions<InferFetcherResult<F>> & {
     fetcher: F;
-}): QueryState<InferFetcherReturnType<F>>;
+}): QueryState<InferFetcherResult<F>>;
 declare function useQuery<T = any>(key: QueryKey, opts?: QueryOptions<T>): QueryState<T>;
 
 /**
@@ -16,9 +16,9 @@ declare function useQuery<T = any>(key: QueryKey, opts?: QueryOptions<T>): Query
  * Provides reactive data fetching with automatic re-renders on state changes
  * Enhanced with automatic type inference from fetchers
  */
-declare function useQueryData<F extends Fetcher>(key: QueryKey, opts: QueryOptions<InferFetcherReturnType<F>> & {
+declare function useQueryData<F extends Fetcher>(key: QueryKey, opts: QueryOptions<InferFetcherResult<F>> & {
     fetcher: F;
-}): InferFetcherReturnType<F> | undefined;
+}): InferFetcherResult<F> | undefined;
 declare function useQueryData<T = any>(key: QueryKey, opts?: QueryOptions<T>): T | undefined;
 
 export { useQuery, useQueryData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qortex-react",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "React hook bridge for qortex runtime",
   "main": "index.js",
   "module": "index.mjs",
@@ -42,7 +42,7 @@
   "author": "Darshan Naik",
   "license": "MIT",
   "dependencies": {
-    "qortex-core": "0.1.3"
+    "qortex-core": "0.1.5"
   },
   "peerDependencies": {
     "react": ">=18"