@nimbleflux/fluxbase-sdk-react 2026.3.7-rc.9 → 2026.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbleflux/fluxbase-sdk-react",
-  "version": "2026.3.7-rc.9",
+  "version": "2026.5.1",
   "description": "React hooks for Fluxbase SDK",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -39,7 +39,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@nimbleflux/fluxbase-sdk": "^2026.3.7-rc.9",
+    "@nimbleflux/fluxbase-sdk": "^2026.5.1",
     "@tanstack/react-query": "^5.96.2",
     "react": "^18.0.0 || ^19.0.0"
   },

package/src/use-storage.ts

@@ -2,7 +2,7 @@
  * Storage hooks for Fluxbase SDK
  */
 
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import {
   useMutation,
   useQuery,
@@ -231,12 +231,14 @@ export function useStorageDelete(bucket: string) {
 export function useStoragePublicUrl(bucket: string, path: string | null) {
   const client = useFluxbaseClient();
 
-  if (!path) {
-    return null;
-  }
+  return useMemo(() => {
+    if (!path) {
+      return null;
+    }
 
-  const { data } = client.storage.from(bucket).getPublicUrl(path);
-  return data.publicUrl;
+    const { data } = client.storage.from(bucket).getPublicUrl(path);
+    return data.publicUrl;
+  }, [client, bucket, path]);
 }
 
 /**
@@ -270,11 +272,13 @@ export function useStorageTransformUrl(
 ): string | null {
   const client = useFluxbaseClient();
 
-  if (!path) {
-    return null;
-  }
+  return useMemo(() => {
+    if (!path) {
+      return null;
+    }
 
-  return client.storage.from(bucket).getTransformUrl(path, transform);
+    return client.storage.from(bucket).getTransformUrl(path, transform);
+  }, [client, bucket, path, transform]);
 }
 
 /**