@emeryld/rrroutes-client 2.6.10 → 2.6.12

package/dist/index.cjs

@@ -44,10 +44,145 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/routesV3.client.ts
-var import_rrroutes_contract5 = require("@emeryld/rrroutes-contract");
-var import_react_query4 = require("@tanstack/react-query");
-var import_react4 = require("react");
+// src/routesV3.client.batch.ts
+var import_rrroutes_contract = require("@emeryld/rrroutes-contract");
+var import_react_query = require("@tanstack/react-query");
+var import_react = require("react");
+function buildBatchBranch(leaves, options, deps) {
+  const {
+    fetchRaw,
+    queryClient,
+    validateResponses,
+    getBuiltLeaf,
+    encodeLeafKey,
+    toArgsTuple: toArgsTuple2
+  } = deps;
+  const batchMethod = options.method ?? "POST";
+  const defaultHeaders = options.headers;
+  const getQueryKeys = (input) => {
+    const out = {};
+    const argsByLeaf = input ?? {};
+    for (const [alias, built] of Object.entries(leaves)) {
+      const args = argsByLeaf[alias];
+      out[alias] = built.getQueryKeys(...toArgsTuple2(args));
+    }
+    return out;
+  };
+  const invalidateBranch = async (input) => {
+    const argsByLeaf = input ?? {};
+    await Promise.all(
+      Object.entries(leaves).map(([alias, built]) => {
+        const args = argsByLeaf[alias];
+        return built.invalidate(...toArgsTuple2(args));
+      })
+    );
+  };
+  const setDataBranch = (input) => {
+    const out = {};
+    for (const [alias, def] of Object.entries(input)) {
+      if (!def) continue;
+      const built = leaves[alias];
+      if (!built) continue;
+      out[alias] = built.setData(def.updater, ...toArgsTuple2(def.args));
+    }
+    return out;
+  };
+  const fetchBranch = async (input) => {
+    const payload = {};
+    for (const [aliasRaw, built] of Object.entries(leaves)) {
+      const leaf = getBuiltLeaf(built);
+      const encodedLeaf = encodeLeafKey(leaf);
+      const alias = aliasRaw;
+      const branchInput = input[alias];
+      const query = branchInput?.query;
+      const params = branchInput?.params;
+      const body = branchInput?.body;
+      payload[aliasRaw] = {
+        encodedLeaf,
+        ...params !== void 0 ? { params } : {},
+        ...query !== void 0 ? { query } : {},
+        ...body !== void 0 ? { body } : {}
+      };
+    }
+    const batchResponse = await fetchRaw({
+      path: options.path,
+      method: batchMethod,
+      body: payload,
+      headers: defaultHeaders
+    });
+    const rawData = batchResponse.data;
+    if (!rawData || typeof rawData !== "object" || Array.isArray(rawData)) {
+      throw new Error(
+        "Batch response must be a plain object keyed by branch aliases."
+      );
+    }
+    const mapped = {};
+    for (const [aliasRaw, built] of Object.entries(leaves)) {
+      if (!(aliasRaw in rawData)) {
+        throw new Error(`Batch response missing alias "${aliasRaw}".`);
+      }
+      const leaf = getBuiltLeaf(built);
+      const rawLeafData = rawData[aliasRaw];
+      const parsedLeafData = validateResponses && leaf.cfg.outputSchema ? (0, import_rrroutes_contract.lowProfileParse)(leaf.cfg.outputSchema, rawLeafData) : rawLeafData;
+      if (validateResponses && !leaf.cfg.outputSchema) {
+        throw new Error(
+          `No output schema defined for leaf ${leaf.method.toUpperCase()} ${leaf.path}, cannot validate batch response.`
+        );
+      }
+      ;
+      mapped[aliasRaw] = parsedLeafData;
+    }
+    return mapped;
+  };
+  const useEndpoint = (input, rqOpts) => {
+    const queryKeys = getQueryKeys(input);
+    const branchQueryKey = [
+      "batch",
+      String(batchMethod).toLowerCase(),
+      options.path,
+      queryKeys
+    ];
+    const { onReceive, ...useQueryOptions } = rqOpts ?? {};
+    const listenersRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
+    const notifyOnReceive = (0, import_react.useCallback)(
+      (data) => {
+        onReceive?.(data);
+        listenersRef.current.forEach((listener) => listener(data));
+      },
+      [onReceive]
+    );
+    const registerOnReceive = (0, import_react.useCallback)(
+      (listener) => {
+        listenersRef.current.add(listener);
+        return () => {
+          listenersRef.current.delete(listener);
+        };
+      },
+      []
+    );
+    const queryResult = (0, import_react_query.useQuery)(
+      {
+        ...useQueryOptions,
+        queryKey: branchQueryKey,
+        placeholderData: useQueryOptions.placeholderData ?? import_react_query.keepPreviousData,
+        queryFn: async () => {
+          const result = await fetchBranch(input);
+          notifyOnReceive(result);
+          return result;
+        }
+      },
+      queryClient
+    );
+    return { ...queryResult, onReceive: registerOnReceive };
+  };
+  return {
+    fetch: fetchBranch,
+    useEndpoint,
+    getQueryKeys,
+    invalidate: invalidateBranch,
+    setData: setDataBranch
+  };
+}
 
 // src/routesV3.client.fetch.ts
 var HttpError = class extends Error {
@@ -101,12 +236,12 @@ var defaultFetcher = async (req) => {
 };
 
 // src/routesV3.client.get.ts
-var import_rrroutes_contract2 = require("@emeryld/rrroutes-contract");
-var import_react_query = require("@tanstack/react-query");
-var import_react = require("react");
+var import_rrroutes_contract3 = require("@emeryld/rrroutes-contract");
+var import_react_query2 = require("@tanstack/react-query");
+var import_react2 = require("react");
 
 // src/routesV3.client.shared.ts
-var import_rrroutes_contract = require("@emeryld/rrroutes-contract");
+var import_rrroutes_contract2 = require("@emeryld/rrroutes-contract");
 var toUpper = (m) => m.toUpperCase();
 function toSearchString(query) {
   if (!query) return "";
@@ -156,9 +291,9 @@ function toArgsTuple(args) {
   return typeof args === "undefined" ? [] : [args];
 }
 function buildUrl(leaf, baseUrl, params, query) {
-  const normalizedParams = leaf.cfg.paramsSchema ? (0, import_rrroutes_contract.lowProfileParse)(leaf.cfg.paramsSchema, params) : {};
-  const normalizedQuery = leaf.cfg.querySchema ? (0, import_rrroutes_contract.lowProfileParse)(leaf.cfg.querySchema, query) : {};
-  const path = (0, import_rrroutes_contract.compilePath)(
+  const normalizedParams = leaf.cfg.paramsSchema ? (0, import_rrroutes_contract2.lowProfileParse)(leaf.cfg.paramsSchema, params) : {};
+  const normalizedQuery = leaf.cfg.querySchema ? (0, import_rrroutes_contract2.lowProfileParse)(leaf.cfg.querySchema, query) : {};
+  const path = (0, import_rrroutes_contract2.compilePath)(
     leaf.path,
     normalizedParams ?? {}
   );
@@ -325,7 +460,7 @@ function compileRawPath(path, params) {
   if (placeholders.size === 0) {
     return path;
   }
-  return (0, import_rrroutes_contract.compilePath)(path, paramObj);
+  return (0, import_rrroutes_contract2.compilePath)(path, paramObj);
 }
 
 // src/routesV3.client.get.ts
@@ -348,7 +483,7 @@ function buildGetLeaf(leaf, rqOpts, env) {
     const a = extractArgs(tuple);
     const params = a?.params;
     const query = a?.query;
-    return (0, import_rrroutes_contract2.buildCacheKey)({
+    return (0, import_rrroutes_contract3.buildCacheKey)({
       leaf,
       params,
       query
@@ -392,7 +527,7 @@ function buildGetLeaf(leaf, rqOpts, env) {
         options.body,
         leafCfg.bodyFiles
       );
-      const normalizedBody = leafCfg.bodySchema ? (0, import_rrroutes_contract2.lowProfileParse)(leafCfg.bodySchema, regularBody) : regularBody;
+      const normalizedBody = leafCfg.bodySchema ? (0, import_rrroutes_contract3.lowProfileParse)(leafCfg.bodySchema, regularBody) : regularBody;
       if (isMultipart && normalizedBody && typeof normalizedBody === "object") {
         payload = toFormData(
           {
@@ -449,7 +584,7 @@ function buildGetLeaf(leaf, rqOpts, env) {
             `No output schema defined for leaf ${leafLabel}, cannot validate response.`
           );
         }
-        out.data = (0, import_rrroutes_contract2.lowProfileParse)(
+        out.data = (0, import_rrroutes_contract3.lowProfileParse)(
           leafCfg.outputSchema,
           out.data
         );
@@ -516,12 +651,12 @@ function buildGetLeaf(leaf, rqOpts, env) {
       keys: queryKeys
     });
     const buildOptions = rqOpts ?? {};
-    const listenersRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
-    const notifyOnReceive = (0, import_react.useCallback)((data) => {
+    const listenersRef = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
+    const notifyOnReceive = (0, import_react2.useCallback)((data) => {
       buildOptions?.onReceive?.(data);
       listenersRef.current.forEach((listener) => listener(data));
     }, []);
-    const registerOnReceive = (0, import_react.useCallback)(
+    const registerOnReceive = (0, import_react2.useCallback)(
       (listener) => {
         listenersRef.current.add(listener);
         return () => {
@@ -530,11 +665,11 @@ function buildGetLeaf(leaf, rqOpts, env) {
       },
       []
     );
-    const queryResult = (0, import_react_query.useQuery)(
+    const queryResult = (0, import_react_query2.useQuery)(
       {
         ...buildOptions,
         queryKey: getQueryKeys(...tuple),
-        placeholderData: import_react_query.keepPreviousData,
+        placeholderData: import_react_query2.keepPreviousData,
         queryFn: () => fetchEndpoint(tuple, {
           onReceive: notifyOnReceive
         })
@@ -553,9 +688,9 @@ function buildGetLeaf(leaf, rqOpts, env) {
 }
 
 // src/routesV3.client.infiniteGet.ts
-var import_rrroutes_contract3 = require("@emeryld/rrroutes-contract");
-var import_react_query2 = require("@tanstack/react-query");
-var import_react2 = require("react");
+var import_rrroutes_contract4 = require("@emeryld/rrroutes-contract");
+var import_react_query3 = require("@tanstack/react-query");
+var import_react3 = require("react");
 function mergePageOutputs(prev, next) {
   if (prev == null) return next;
   if (next == null) return prev;
@@ -621,7 +756,7 @@ function buildInfiniteGetLeaf(leaf, rqOpts, env) {
     const params = a?.params;
     const query = a?.query;
     const qForKey = stripKey(query, feedCursorParam);
-    return (0, import_rrroutes_contract3.buildCacheKey)({
+    return (0, import_rrroutes_contract4.buildCacheKey)({
       leaf,
       params,
       query: qForKey
@@ -665,7 +800,7 @@ function buildInfiniteGetLeaf(leaf, rqOpts, env) {
         options.body,
         leafCfg.bodyFiles
       );
-      const normalizedBody = leafCfg.bodySchema ? (0, import_rrroutes_contract3.lowProfileParse)(leafCfg.bodySchema, regularBody) : regularBody;
+      const normalizedBody = leafCfg.bodySchema ? (0, import_rrroutes_contract4.lowProfileParse)(leafCfg.bodySchema, regularBody) : regularBody;
       if (isMultipart && normalizedBody && typeof normalizedBody === "object") {
         payload = toFormData(
           {
@@ -722,7 +857,7 @@ function buildInfiniteGetLeaf(leaf, rqOpts, env) {
             `No output schema defined for leaf ${leafLabel}, cannot validate response.`
           );
         }
-        out.data = (0, import_rrroutes_contract3.lowProfileParse)(
+        out.data = (0, import_rrroutes_contract4.lowProfileParse)(
           leafCfg.outputSchema,
           out.data
         );
@@ -791,12 +926,12 @@ function buildInfiniteGetLeaf(leaf, rqOpts, env) {
     const params = args?.params;
     const query = args?.query;
     const buildOptions = feedQueryOptions ?? {};
-    const listenersRef = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
-    const notifyOnReceive = (0, import_react2.useCallback)((data) => {
+    const listenersRef = (0, import_react3.useRef)(/* @__PURE__ */ new Set());
+    const notifyOnReceive = (0, import_react3.useCallback)((data) => {
       buildOptions?.onReceive?.(data);
       listenersRef.current.forEach((listener) => listener(data));
     }, []);
-    const registerOnReceive = (0, import_react2.useCallback)(
+    const registerOnReceive = (0, import_react3.useCallback)(
       (listener) => {
         listenersRef.current.add(listener);
         return () => {
@@ -811,10 +946,10 @@ function buildInfiniteGetLeaf(leaf, rqOpts, env) {
       params,
       query
     );
-    const queryResult = (0, import_react_query2.useInfiniteQuery)(
+    const queryResult = (0, import_react_query3.useInfiniteQuery)(
       {
         ...buildOptions,
-        placeholderData: buildOptions.placeholderData ?? import_react_query2.keepPreviousData,
+        placeholderData: buildOptions.placeholderData ?? import_react_query3.keepPreviousData,
         initialPageParam: feedInitialPageParam,
         getNextPageParam: (lastPage) => cursorFromPage(lastPage),
         queryKey: queryKeys,
@@ -907,9 +1042,9 @@ function buildInfiniteGetLeaf(leaf, rqOpts, env) {
 }
 
 // src/routesV3.client.mutation.ts
-var import_rrroutes_contract4 = require("@emeryld/rrroutes-contract");
-var import_react_query3 = require("@tanstack/react-query");
-var import_react3 = require("react");
+var import_rrroutes_contract5 = require("@emeryld/rrroutes-contract");
+var import_react_query4 = require("@tanstack/react-query");
+var import_react4 = require("react");
 function buildMutationLeaf(leaf, rqOpts, env) {
   const leafCfg = leaf.cfg;
   const method = toUpper(leaf.method);
@@ -929,7 +1064,7 @@ function buildMutationLeaf(leaf, rqOpts, env) {
     const a = extractArgs(tuple);
     const params = a?.params;
     const query = a?.query;
-    return (0, import_rrroutes_contract4.buildCacheKey)({
+    return (0, import_rrroutes_contract5.buildCacheKey)({
       leaf,
       params,
       query
@@ -973,7 +1108,7 @@ function buildMutationLeaf(leaf, rqOpts, env) {
         options.body,
         leafCfg.bodyFiles
       );
-      const normalizedBody = leafCfg.bodySchema ? (0, import_rrroutes_contract4.lowProfileParse)(leafCfg.bodySchema, regularBody) : regularBody;
+      const normalizedBody = leafCfg.bodySchema ? (0, import_rrroutes_contract5.lowProfileParse)(leafCfg.bodySchema, regularBody) : regularBody;
       if (isMultipart && normalizedBody && typeof normalizedBody === "object") {
         payload = toFormData(
           {
@@ -1030,7 +1165,7 @@ function buildMutationLeaf(leaf, rqOpts, env) {
             `No output schema defined for leaf ${leafLabel}, cannot validate response.`
           );
         }
-        out.data = (0, import_rrroutes_contract4.lowProfileParse)(
+        out.data = (0, import_rrroutes_contract5.lowProfileParse)(
           leafCfg.outputSchema,
           out.data
         );
@@ -1097,11 +1232,11 @@ function buildMutationLeaf(leaf, rqOpts, env) {
       variant: "mutation",
       keys: mutationKey
     });
-    const listenersRef = (0, import_react3.useRef)(/* @__PURE__ */ new Set());
-    const notifyListeners = (0, import_react3.useCallback)((data) => {
+    const listenersRef = (0, import_react4.useRef)(/* @__PURE__ */ new Set());
+    const notifyListeners = (0, import_react4.useCallback)((data) => {
       listenersRef.current.forEach((listener) => listener(data));
     }, []);
-    const registerOnReceive = (0, import_react3.useCallback)(
+    const registerOnReceive = (0, import_react4.useCallback)(
       (listener) => {
         listenersRef.current.add(listener);
         return () => {
@@ -1110,7 +1245,7 @@ function buildMutationLeaf(leaf, rqOpts, env) {
       },
       []
     );
-    const mutationResult = (0, import_react_query3.useMutation)(
+    const mutationResult = (0, import_react_query4.useMutation)(
       {
         ...mutationBuildOptions ?? {},
         mutationKey,
@@ -1340,138 +1475,14 @@ function createRouteClient(opts) {
       throw error;
     }
   };
-  const buildBranchInternal = (leaves, options) => {
-    const batchMethod = options.method ?? "POST";
-    const defaultHeaders = options.headers;
-    const getQueryKeys = (input) => {
-      const out = {};
-      const argsByLeaf = input ?? {};
-      for (const [alias, built] of Object.entries(leaves)) {
-        const args = argsByLeaf[alias];
-        out[alias] = built.getQueryKeys(...toArgsTuple2(args));
-      }
-      return out;
-    };
-    const invalidateBranch = async (input) => {
-      const argsByLeaf = input ?? {};
-      await Promise.all(
-        Object.entries(leaves).map(([alias, built]) => {
-          const args = argsByLeaf[alias];
-          return built.invalidate(...toArgsTuple2(args));
-        })
-      );
-    };
-    const setDataBranch = (input) => {
-      const out = {};
-      for (const [alias, def] of Object.entries(input)) {
-        if (!def) continue;
-        const built = leaves[alias];
-        if (!built) continue;
-        out[alias] = built.setData(
-          def.updater,
-          ...toArgsTuple2(def.args)
-        );
-      }
-      return out;
-    };
-    const fetchBranch = async (input) => {
-      const payload = {};
-      for (const [aliasRaw, built] of Object.entries(leaves)) {
-        const leaf = getBuiltLeaf(built);
-        const encodedLeaf = encodeLeafKey(leaf);
-        const alias = aliasRaw;
-        const branchInput = input[alias];
-        const query = branchInput?.query;
-        const params = branchInput?.params;
-        const body = branchInput?.body;
-        payload[aliasRaw] = {
-          encodedLeaf,
-          ...params !== void 0 ? { params } : {},
-          ...query !== void 0 ? { query } : {},
-          ...body !== void 0 ? { body } : {}
-        };
-      }
-      const batchResponse = await fetchRaw({
-        path: options.path,
-        method: batchMethod,
-        body: payload,
-        headers: defaultHeaders
-      });
-      const rawData = batchResponse.data;
-      if (!rawData || typeof rawData !== "object" || Array.isArray(rawData)) {
-        throw new Error(
-          "Batch response must be a plain object keyed by branch aliases."
-        );
-      }
-      const mapped = {};
-      for (const [aliasRaw, built] of Object.entries(leaves)) {
-        if (!(aliasRaw in rawData)) {
-          throw new Error(`Batch response missing alias "${aliasRaw}".`);
-        }
-        const leaf = getBuiltLeaf(built);
-        const rawLeafData = rawData[aliasRaw];
-        const parsedLeafData = validateResponses && leaf.cfg.outputSchema ? (0, import_rrroutes_contract5.lowProfileParse)(leaf.cfg.outputSchema, rawLeafData) : rawLeafData;
-        if (validateResponses && !leaf.cfg.outputSchema) {
-          throw new Error(
-            `No output schema defined for leaf ${leaf.method.toUpperCase()} ${leaf.path}, cannot validate batch response.`
-          );
-        }
-        ;
-        mapped[aliasRaw] = parsedLeafData;
-      }
-      return mapped;
-    };
-    const useEndpoint = (input, rqOpts) => {
-      const queryKeys = getQueryKeys(input);
-      const branchQueryKey = [
-        "batch",
-        String(batchMethod).toLowerCase(),
-        options.path,
-        queryKeys
-      ];
-      const { onReceive, ...useQueryOptions } = rqOpts ?? {};
-      const listenersRef = (0, import_react4.useRef)(
-        /* @__PURE__ */ new Set()
-      );
-      const notifyOnReceive = (0, import_react4.useCallback)(
-        (data) => {
-          onReceive?.(data);
-          listenersRef.current.forEach((listener) => listener(data));
-        },
-        [onReceive]
-      );
-      const registerOnReceive = (0, import_react4.useCallback)(
-        (listener) => {
-          listenersRef.current.add(listener);
-          return () => {
-            listenersRef.current.delete(listener);
-          };
-        },
-        []
-      );
-      const queryResult = (0, import_react_query4.useQuery)(
-        {
-          ...useQueryOptions,
-          queryKey: branchQueryKey,
-          placeholderData: useQueryOptions.placeholderData ?? import_react_query4.keepPreviousData,
-          queryFn: async () => {
-            const result = await fetchBranch(input);
-            notifyOnReceive(result);
-            return result;
-          }
-        },
-        queryClient
-      );
-      return { ...queryResult, onReceive: registerOnReceive };
-    };
-    return {
-      fetch: fetchBranch,
-      useEndpoint,
-      getQueryKeys,
-      invalidate: invalidateBranch,
-      setData: setDataBranch
-    };
-  };
+  const buildBranchInternal = (leaves, options) => buildBatchBranch(leaves, options, {
+    fetchRaw,
+    queryClient,
+    validateResponses,
+    getBuiltLeaf,
+    encodeLeafKey,
+    toArgsTuple: toArgsTuple2
+  });
   return {
     queryClient,
     invalidate,
@@ -1497,8 +1508,9 @@ var React = __toESM(require("react"), 1);
 var SocketCtx = React.createContext(null);
 function useSocketClient() {
   const ctx = React.useContext(SocketCtx);
-  if (!ctx)
-    throw new Error("SocketClient not found. Wrap with <SocketProvider>.");
+  if (!ctx) {
+    return null;
+  }
   return ctx;
 }
 
@@ -1527,6 +1539,7 @@ function useSocketConnection(args) {
     []
   );
   React2.useEffect(() => {
+    if (!client) return;
     if (autoJoin && normalizedRooms.length > 0)
       void client.joinRooms(normalizedRooms, args.joinMeta).catch((error) => reportAsyncError("joinRooms", error));
     const unsubscribe = client.on(event, (payload, meta) => {
@@ -2716,12 +2729,12 @@ function mergeRoomState(prev, toRoomsResult) {
     leaveMeta: toRoomsResult.leaveMeta ?? prev.leaveMeta
   };
 }
-function roomsFromData(data, toRooms) {
+function roomsFromData(data, args, toRooms) {
   if (data == null) return { rooms: [] };
   let state = { rooms: [] };
   const add = (input) => {
     const mergeForValue = (value) => {
-      state = mergeRoomState(state, toRooms(value));
+      state = mergeRoomState(state, toRooms(value, args));
     };
     if (Array.isArray(input)) {
       input.forEach((entry) => mergeForValue(entry));
@@ -2746,27 +2759,22 @@ function roomsFromData(data, toRooms) {
 }
 
 // src/sockets/socketedRoute/socket.client.helper.route.ts
-function isSocketClientUnavailableError(err) {
-  return err instanceof Error && err.message.includes("SocketClient not found");
-}
 function buildSocketedRoute(options) {
   const { built, toRooms, applySocket, useSocketClient: useSocketClient2, debug } = options;
   const { useEndpoint: useInnerEndpoint, ...rest } = built;
   const useEndpoint = (...useArgs) => {
-    let client = null;
+    const client = useSocketClient2();
     let socketClientError = null;
-    try {
-      client = useSocketClient2();
-    } catch (err) {
-      if (!isSocketClientUnavailableError(err)) throw err;
-      socketClientError = err;
-    }
     const endpointResult = useInnerEndpoint(
       ...useArgs
     );
     const argsKey = (0, import_react5.useMemo)(() => safeJsonKey(useArgs[0] ?? null), [useArgs]);
     const [roomState, setRoomState] = (0, import_react5.useState)(
-      () => roomsFromData(endpointResult.data, toRooms)
+      () => roomsFromData(
+        endpointResult.data,
+        useArgs[0],
+        toRooms
+      )
     );
     const renderCountRef = (0, import_react5.useRef)(0);
     const clientReadyRef = (0, import_react5.useRef)(null);
@@ -2820,7 +2828,10 @@ function buildSocketedRoute(options) {
       });
       const unsubscribe = endpointResult.onReceive((data) => {
         setRoomState((prev) => {
-          const next = mergeRoomState(prev, toRoomsRef.current(data));
+          const next = mergeRoomState(
+            prev,
+            toRoomsRef.current(data, useArgs[0])
+          );
           return roomStateEqual(prev, next) ? prev : next;
         });
       });
@@ -2837,7 +2848,7 @@ function buildSocketedRoute(options) {
           toRoomsRef: describeObjectReference(toRooms)
         }
       });
-      const next = roomsFromData(endpointDataRef.current, toRooms);
+      const next = roomsFromData(endpointDataRef.current, useArgs[0], toRooms);
       setRoomState((prev) => roomStateEqual(prev, next) ? prev : next);
     }, [argsKey, toRooms, debug]);
     (0, import_react5.useEffect)(() => {
@@ -2967,6 +2978,7 @@ function buildSocketedRoute(options) {
                 }
                 const nextRoomState = roomsFromData(
                   next,
+                  useArgs[0],
                   toRooms
                 );
                 setRoomState(