@liveblocks/react 2.9.3-experimental1 → 2.10.0

package/dist/{chunk-SNEUTGU4.mjs → chunk-LMENFXCS.mjs}

@@ -1,23 +1,8 @@
-// src/version.ts
-var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.9.3-experimental1";
-var PKG_FORMAT = "esm";
-
-// src/ClientSideSuspense.tsx
-import * as React from "react";
-function ClientSideSuspense(props) {
-  const [mounted, setMounted] = React.useState(false);
-  React.useEffect(() => {
-    setMounted(true);
-  }, []);
-  return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: props.fallback }, mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback);
-}
-
 // src/contexts.ts
-import * as React2 from "react";
-var RoomContext = React2.createContext(null);
+import * as React from "react";
+var RoomContext = React.createContext(null);
 function useRoomOrNull() {
-  return React2.useContext(RoomContext);
+  return React.useContext(RoomContext);
 }
 function useIsInsideRoom() {
   const room = useRoomOrNull();
@@ -1370,11 +1355,11 @@ import {
   raise,
   shallow as shallow3
 } from "@liveblocks/core";
-import React3, {
+import React2, {
   createContext as createContext2,
   useCallback as useCallback2,
   useContext as useContext2,
-  useEffect as useEffect3,
+  useEffect as useEffect2,
   useMemo
 } from "react";
 import { useSyncExternalStore } from "use-sync-external-store/shim/index.js";
@@ -1399,10 +1384,10 @@ function shallow2(a, b) {
 import { useCallback, useReducer } from "react";
 
 // src/lib/use-latest.ts
-import { useEffect as useEffect2, useRef } from "react";
+import { useEffect, useRef } from "react";
 function useLatest(value) {
   const ref = useRef(value);
-  useEffect2(() => {
+  useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref;
@@ -1612,7 +1597,7 @@ function makeLiveblocksContextBundle(client) {
   const useDeleteAllInboxNotifications2 = () => useDeleteAllInboxNotifications_withClient(client);
   function LiveblocksProvider2(props) {
     useEnsureNoLiveblocksProvider();
-    return /* @__PURE__ */ React3.createElement(ClientContext.Provider, { value: client }, props.children);
+    return /* @__PURE__ */ React2.createElement(ClientContext.Provider, { value: client }, props.children);
   }
   const shared = createSharedContext(client);
   const bundle = {
@@ -1646,11 +1631,11 @@ function useInboxNotifications_withClient(client, selector, isEqual) {
     store,
     subscribeToNotificationsDeltaUpdates: subscribeToDeltaUpdates
   } = getLiveblocksExtrasForClient(client);
-  useEffect3(() => {
+  useEffect2(() => {
     void store.waitUntilNotificationsLoaded().catch(() => {
     });
   });
-  useEffect3(subscribeToDeltaUpdates, [subscribeToDeltaUpdates]);
+  useEffect2(subscribeToDeltaUpdates, [subscribeToDeltaUpdates]);
   return useSyncExternalStoreWithSelector(
     store.subscribeThreadsOrInboxNotifications,
     store.getInboxNotificationsAsync,
@@ -1804,20 +1789,21 @@ function useUser_withClient(client, userId) {
     () => usersStore.getState(userId),
     [usersStore, userId]
   );
-  useEffect3(() => {
-    void usersStore.get(userId);
-  }, [usersStore, userId]);
   const selector = useCallback2(
     (state) => selectorFor_useUser(state, userId),
     [userId]
   );
-  return useSyncExternalStoreWithSelector(
+  const result = useSyncExternalStoreWithSelector(
     usersStore.subscribe,
     getUserState,
     getUserState,
     selector,
     shallow3
   );
+  useEffect2(() => {
+    void usersStore.get(userId);
+  }, [usersStore, userId, result]);
+  return result;
 }
 function useUserSuspense_withClient(client, userId) {
   const usersStore = client[kInternal2].usersStore;
@@ -1859,16 +1845,17 @@ function useRoomInfo_withClient(client, roomId) {
     (state) => selectorFor_useRoomInfo(state, roomId),
     [roomId]
   );
-  useEffect3(() => {
-    void roomsInfoStore.get(roomId);
-  }, [roomsInfoStore, roomId]);
-  return useSyncExternalStoreWithSelector(
+  const result = useSyncExternalStoreWithSelector(
     roomsInfoStore.subscribe,
     getRoomInfoState,
     getRoomInfoState,
     selector,
     shallow3
   );
+  useEffect2(() => {
+    void roomsInfoStore.get(roomId);
+  }, [roomsInfoStore, roomId, result]);
+  return result;
 }
 function useRoomInfoSuspense_withClient(client, roomId) {
   const roomsInfoStore = client[kInternal2].roomsInfoStore;
@@ -1934,7 +1921,7 @@ function useClient() {
 }
 function LiveblocksProviderWithClient(props) {
   useEnsureNoLiveblocksProvider(props);
-  return /* @__PURE__ */ React3.createElement(ClientContext.Provider, { value: props.client }, props.children);
+  return /* @__PURE__ */ React2.createElement(ClientContext.Provider, { value: props.client }, props.children);
 }
 function LiveblocksProvider(props) {
   const { children, ...o } = props;
@@ -1962,7 +1949,7 @@ function LiveblocksProvider(props) {
     )
   };
   const client = useMemo(() => createClient(options), []);
-  return /* @__PURE__ */ React3.createElement(LiveblocksProviderWithClient, { client }, children);
+  return /* @__PURE__ */ React2.createElement(LiveblocksProviderWithClient, { client }, children);
 }
 function createLiveblocksContext(client) {
   return getOrCreateContextBundle(client);
@@ -1974,7 +1961,7 @@ function useUserThreads_experimental(options = {
 }) {
   const client = useClient();
   const { store, subscribeToUserThreadsDeltaUpdates: subscribeToDeltaUpdates } = getLiveblocksExtrasForClient(client);
-  useEffect3(
+  useEffect2(
     () => {
       void store.waitUntilUserThreadsLoaded(options.query).catch(() => {
       });
@@ -1988,7 +1975,7 @@ function useUserThreads_experimental(options = {
     // 3. If ever the promise would fail, then after 5 seconds it would reset, and on the very
     //    *next* render after that, a *new* fetch/promise will get created.
   );
-  useEffect3(subscribeToDeltaUpdates, [subscribeToDeltaUpdates]);
+  useEffect2(subscribeToDeltaUpdates, [subscribeToDeltaUpdates]);
   const getter = useCallback2(
     () => store.getUserThreadsAsync(options.query),
     [store, options.query]
@@ -2179,7 +2166,7 @@ import {
   NotificationsApiError,
   ServerMsgCode
 } from "@liveblocks/core";
-import * as React5 from "react";
+import * as React4 from "react";
 import { useSyncExternalStoreWithSelector as useSyncExternalStoreWithSelector2 } from "use-sync-external-store/shim/with-selector.js";
 
 // src/lib/retry-error.ts
@@ -2194,7 +2181,7 @@ function retryError(action, retryCount) {
 }
 
 // src/use-scroll-to-comment-on-load-effect.ts
-import * as React4 from "react";
+import * as React3 from "react";
 function handleScrollToCommentOnLoad(shouldScrollOnLoad, state) {
   if (shouldScrollOnLoad === false) return;
   if (!state.threads) return;
@@ -2213,7 +2200,7 @@ function handleScrollToCommentOnLoad(shouldScrollOnLoad, state) {
   comment.scrollIntoView();
 }
 function useScrollToCommentOnLoadEffect(shouldScrollOnLoad, state) {
-  React4.useEffect(
+  React3.useEffect(
     () => {
       handleScrollToCommentOnLoad(shouldScrollOnLoad, state);
     },
@@ -2416,7 +2403,7 @@ function makeRoomExtrasForClient(client) {
 }
 function makeRoomContextBundle(client) {
   function RoomProvider_withImplicitLiveblocksProvider(props) {
-    return /* @__PURE__ */ React5.createElement(LiveblocksProviderWithClient, { client, allowNesting: true }, /* @__PURE__ */ React5.createElement(RoomProvider, { ...props }));
+    return /* @__PURE__ */ React4.createElement(LiveblocksProviderWithClient, { client, allowNesting: true }, /* @__PURE__ */ React4.createElement(RoomProvider, { ...props }));
   }
   const shared = createSharedContext(client);
   const bundle = {
@@ -2520,10 +2507,10 @@ function makeRoomContextBundle(client) {
 }
 function RoomProvider(props) {
   const client = useClient();
-  const [cache] = React5.useState(
+  const [cache] = React4.useState(
     () => /* @__PURE__ */ new Map()
   );
-  const stableEnterRoom = React5.useCallback(
+  const stableEnterRoom = React4.useCallback(
     (roomId, options) => {
       const cached = cache.get(roomId);
       if (cached) return cached;
@@ -2538,7 +2525,7 @@ function RoomProvider(props) {
     },
     [client, cache]
   );
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React4.createElement(
     RoomProviderInner,
     {
       ...props,
@@ -2558,7 +2545,7 @@ function RoomProviderInner(props) {
     if (!isString(roomId)) {
       throw new Error("RoomProvider id property should be a string.");
     }
-    const majorReactVersion = parseInt(React5.version) || 1;
+    const majorReactVersion = parseInt(React4.version) || 1;
     const oldReactVersion = majorReactVersion < 18;
     errorIf(
       oldReactVersion && props.unstable_batchedUpdates === void 0,
@@ -2575,14 +2562,14 @@ function RoomProviderInner(props) {
     unstable_batchedUpdates: props.unstable_batchedUpdates,
     autoConnect: props.autoConnect ?? typeof window !== "undefined"
   });
-  const [{ room }, setRoomLeavePair] = React5.useState(
+  const [{ room }, setRoomLeavePair] = React4.useState(
     () => stableEnterRoom(roomId, {
       ...frozenProps,
       autoConnect: false
       // Deliberately using false here on the first render, see below
     })
   );
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const { store } = getRoomExtrasForClient(client);
     async function handleCommentEvent(message) {
       if (message.type === ServerMsgCode.THREAD_DELETED) {
@@ -2617,12 +2604,12 @@ function RoomProviderInner(props) {
       (message) => void handleCommentEvent(message)
     );
   }, [client, room]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const store = getRoomExtrasForClient(client).store;
     void store.fetchRoomThreadsDeltaUpdate(room.id).catch(() => {
     });
   }, [client, room.id]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     function handleIsOnline() {
       const store = getRoomExtrasForClient(client).store;
       void store.fetchRoomThreadsDeltaUpdate(room.id).catch(() => {
@@ -2633,7 +2620,7 @@ function RoomProviderInner(props) {
       window.removeEventListener("online", handleIsOnline);
     };
   }, [client, room.id]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const pair = stableEnterRoom(roomId, frozenProps);
     setRoomLeavePair(pair);
     const { room: room2, leave } = pair;
@@ -2644,7 +2631,7 @@ function RoomProviderInner(props) {
       leave();
     };
   }, [roomId, frozenProps, stableEnterRoom]);
-  return /* @__PURE__ */ React5.createElement(RoomContext.Provider, { value: room }, props.children);
+  return /* @__PURE__ */ React4.createElement(RoomContext.Provider, { value: room }, props.children);
 }
 function useRoom() {
   const room = useRoomOrNull();
@@ -2677,9 +2664,9 @@ function useStorageStatusImmediate() {
 }
 function useStorageStatusSmooth() {
   const room = useRoom();
-  const [status, setStatus] = React5.useState(room.getStorageStatus);
+  const [status, setStatus] = React4.useState(room.getStorageStatus);
   const oldStatus = useLatest(room.getStorageStatus());
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     let timeoutId;
     const unsub = room.events.storageStatus.subscribe((newStatus) => {
       if (oldStatus.current === "synchronizing" && newStatus === "synchronized") {
@@ -2701,7 +2688,7 @@ function useBatch() {
 }
 function useBroadcastEvent() {
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (event, options = { shouldQueueEventIfNotReady: false }) => {
       room.broadcastEvent(event, options);
     },
@@ -2711,7 +2698,7 @@ function useBroadcastEvent() {
 function useOthersListener(callback) {
   const room = useRoom();
   const savedCallback = useLatest(callback);
-  React5.useEffect(
+  React4.useEffect(
     () => room.events.others.subscribe((event) => savedCallback.current(event)),
     [room, savedCallback]
   );
@@ -2719,7 +2706,7 @@ function useOthersListener(callback) {
 function useLostConnectionListener(callback) {
   const room = useRoom();
   const savedCallback = useLatest(callback);
-  React5.useEffect(
+  React4.useEffect(
     () => room.events.lostConnection.subscribe(
       (event) => savedCallback.current(event)
     ),
@@ -2729,7 +2716,7 @@ function useLostConnectionListener(callback) {
 function useErrorListener(callback) {
   const room = useRoom();
   const savedCallback = useLatest(callback);
-  React5.useEffect(
+  React4.useEffect(
     () => room.events.error.subscribe((e) => savedCallback.current(e)),
     [room, savedCallback]
   );
@@ -2737,7 +2724,7 @@ function useErrorListener(callback) {
 function useEventListener(callback) {
   const room = useRoom();
   const savedCallback = useLatest(callback);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const listener = (eventData) => {
       savedCallback.current(eventData);
     };
@@ -2770,7 +2757,7 @@ function useSelf(maybeSelector, isEqual) {
   const subscribe = room.events.self.subscribe;
   const getSnapshot = room.getSelf;
   const selector = maybeSelector ?? identity2;
-  const wrappedSelector = React5.useCallback(
+  const wrappedSelector = React4.useCallback(
     (me) => me !== null ? selector(me) : null,
     [selector]
   );
@@ -2808,11 +2795,11 @@ function useOthers(selector, isEqual) {
   );
 }
 function useOthersMapped(itemSelector, itemIsEqual) {
-  const wrappedSelector = React5.useCallback(
+  const wrappedSelector = React4.useCallback(
     (others) => others.map((other) => [other.connectionId, itemSelector(other)]),
     [itemSelector]
   );
-  const wrappedIsEqual = React5.useCallback(
+  const wrappedIsEqual = React4.useCallback(
     (a, b) => {
       const eq = itemIsEqual ?? Object.is;
       return a.length === b.length && a.every((atuple, index) => {
@@ -2829,14 +2816,14 @@ function useOthersConnectionIds() {
 }
 var NOT_FOUND = Symbol();
 function useOther(connectionId, selector, isEqual) {
-  const wrappedSelector = React5.useCallback(
+  const wrappedSelector = React4.useCallback(
     (others) => {
       const other2 = others.find((other3) => other3.connectionId === connectionId);
       return other2 !== void 0 ? selector(other2) : NOT_FOUND;
     },
     [connectionId, selector]
   );
-  const wrappedIsEqual = React5.useCallback(
+  const wrappedIsEqual = React4.useCallback(
     (prev, curr) => {
       if (prev === NOT_FOUND || curr === NOT_FOUND) {
         return prev === curr;
@@ -2867,15 +2854,15 @@ function useStorageRoot() {
 function useStorage(selector, isEqual) {
   const room = useRoom();
   const rootOrNull = useMutableStorageRoot();
-  const wrappedSelector = React5.useCallback(
+  const wrappedSelector = React4.useCallback(
     (rootOrNull2) => rootOrNull2 !== null ? selector(rootOrNull2) : null,
     [selector]
   );
-  const subscribe = React5.useCallback(
+  const subscribe = React4.useCallback(
     (onStoreChange) => rootOrNull !== null ? room.subscribe(rootOrNull, onStoreChange, { isDeep: true }) : noop3,
     [room, rootOrNull]
   );
-  const getSnapshot = React5.useCallback(() => {
+  const getSnapshot = React4.useCallback(() => {
     if (rootOrNull === null) {
       return null;
     } else {
@@ -2895,7 +2882,7 @@ function useStorage(selector, isEqual) {
 }
 function useMutation(callback, deps) {
   const room = useRoom();
-  return React5.useMemo(
+  return React4.useMemo(
     () => {
       return (...args) => (
         // eslint-disable-next-line @typescript-eslint/no-unsafe-return
@@ -2921,7 +2908,7 @@ function useThreads(options = {
   const client = useClient();
   const room = useRoom();
   const { store, subscribeToRoomThreadsDeltaUpdates: subscribeToDeltaUpdates } = getRoomExtrasForClient(client);
-  React5.useEffect(
+  React4.useEffect(
     () => {
       void store.waitUntilRoomThreadsLoaded(room.id, options.query).catch(() => {
       });
@@ -2935,8 +2922,8 @@ function useThreads(options = {
     // 3. If ever the promise would fail, then after 5 seconds it would reset, and on the very
     //    *next* render after that, a *new* fetch/promise will get created.
   );
-  React5.useEffect(subscribeToDeltaUpdates, [subscribeToDeltaUpdates]);
-  const getter = React5.useCallback(
+  React4.useEffect(subscribeToDeltaUpdates, [subscribeToDeltaUpdates]);
+  const getter = React4.useCallback(
     () => store.getRoomThreadsAsync(room.id, options.query),
     [store, room.id, options.query]
   );
@@ -2955,14 +2942,14 @@ function useCommentsErrorListener(callback) {
   const client = useClient();
   const savedCallback = useLatest(callback);
   const { commentsErrorEventSource } = getRoomExtrasForClient(client);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     return commentsErrorEventSource.subscribe(savedCallback.current);
   }, [savedCallback, commentsErrorEventSource]);
 }
 function useCreateThread() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (options) => {
       const body = options.body;
       const metadata = options.metadata ?? {};
@@ -3022,7 +3009,7 @@ function useCreateThread() {
 function useDeleteThread() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (threadId) => {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const thread = store.getFullState().threadsById[threadId];
@@ -3053,7 +3040,7 @@ function useDeleteThread() {
 function useEditThreadMetadata() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (options) => {
       if (!options.metadata) {
         return;
@@ -3095,7 +3082,7 @@ function useEditThreadMetadata() {
 function useCreateComment() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, body, attachments }) => {
       const commentId = createCommentId();
       const createdAt = /* @__PURE__ */ new Date();
@@ -3139,7 +3126,7 @@ function useCreateComment() {
 function useEditComment() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, commentId, body, attachments }) => {
       const editedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
@@ -3191,7 +3178,7 @@ function useEditComment() {
 function useDeleteComment() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, commentId }) => {
       const deletedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
@@ -3228,7 +3215,7 @@ function useDeleteComment() {
 function useAddReaction() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, commentId, emoji }) => {
       const createdAt = /* @__PURE__ */ new Date();
       const userId = getCurrentUserId(room);
@@ -3271,7 +3258,7 @@ function useAddReaction() {
 function useRemoveReaction() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, commentId, emoji }) => {
       const userId = getCurrentUserId(room);
       const removedAt = /* @__PURE__ */ new Date();
@@ -3313,7 +3300,7 @@ function useRemoveReaction() {
 function useMarkThreadAsRead() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (threadId) => {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const inboxNotification = Object.values(
@@ -3354,7 +3341,7 @@ function useMarkThreadAsRead() {
 function useMarkThreadAsResolved() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (threadId) => {
       const updatedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
@@ -3388,7 +3375,7 @@ function useMarkThreadAsResolved() {
 function useMarkThreadAsUnresolved() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (threadId) => {
       const updatedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
@@ -3422,7 +3409,7 @@ function useMarkThreadAsUnresolved() {
 function useThreadSubscription(threadId) {
   const client = useClient();
   const { store } = getRoomExtrasForClient(client);
-  const selector = React5.useCallback(
+  const selector = React4.useCallback(
     (state) => {
       const inboxNotification = state.notifications.find(
         (inboxNotification2) => inboxNotification2.kind === "thread" && inboxNotification2.threadId === threadId
@@ -3452,11 +3439,11 @@ function useRoomNotificationSettings() {
   const client = useClient();
   const room = useRoom();
   const { store } = getRoomExtrasForClient(client);
-  const getter = React5.useCallback(
+  const getter = React4.useCallback(
     () => store.getNotificationSettingsAsync(room.id),
     [store, room.id]
   );
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const { getInboxNotificationSettings } = getRoomExtrasForClient(client);
     void getInboxNotificationSettings(room);
   }, [client, room]);
@@ -3467,7 +3454,7 @@ function useRoomNotificationSettings() {
     identity2,
     shallow4
   );
-  return React5.useMemo(() => {
+  return React4.useMemo(() => {
     return [settings, updateRoomNotificationSettings];
   }, [settings, updateRoomNotificationSettings]);
 }
@@ -3476,7 +3463,7 @@ function useRoomNotificationSettingsSuspense() {
   const client = useClient();
   const room = useRoom();
   const { store } = getRoomExtrasForClient(client);
-  const getter = React5.useCallback(
+  const getter = React4.useCallback(
     () => store.getNotificationSettingsAsync(room.id),
     [store, room.id]
   );
@@ -3493,16 +3480,16 @@ function useRoomNotificationSettingsSuspense() {
   } else if (settings.error) {
     throw settings.error;
   }
-  return React5.useMemo(() => {
+  return React4.useMemo(() => {
     return [settings, updateRoomNotificationSettings];
   }, [settings, updateRoomNotificationSettings]);
 }
 function useHistoryVersionData(versionId) {
-  const [state, setState] = React5.useState({
+  const [state, setState] = React4.useState({
     isLoading: true
   });
   const room = useRoom();
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     setState({ isLoading: true });
     const load = async () => {
       try {
@@ -3530,11 +3517,11 @@ function useHistoryVersions() {
   const client = useClient();
   const room = useRoom();
   const { store, getRoomVersions } = getRoomExtrasForClient(client);
-  const getter = React5.useCallback(
+  const getter = React4.useCallback(
     () => store.getVersionsAsync(room.id),
     [store, room.id]
   );
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     void getRoomVersions(room);
   }, [room]);
   const state = useSyncExternalStoreWithSelector2(
@@ -3550,7 +3537,7 @@ function useHistoryVersionsSuspense() {
   const client = useClient();
   const room = useRoom();
   const { store } = getRoomExtrasForClient(client);
-  const getter = React5.useCallback(
+  const getter = React4.useCallback(
     () => store.getVersionsAsync(room.id),
     [store, room.id]
   );
@@ -3572,7 +3559,7 @@ function useHistoryVersionsSuspense() {
 function useUpdateRoomNotificationSettings() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (settings) => {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const optimisticUpdateId = store.addOptimisticUpdate({
@@ -3682,11 +3669,11 @@ function selectorFor_useAttachmentUrl(state) {
 function useAttachmentUrl(attachmentId) {
   const room = useRoom();
   const { attachmentUrlsStore } = room[kInternal3];
-  const getAttachmentUrlState = React5.useCallback(
+  const getAttachmentUrlState = React4.useCallback(
     () => attachmentUrlsStore.getState(attachmentId),
     [attachmentUrlsStore, attachmentId]
   );
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     void attachmentUrlsStore.get(attachmentId);
   }, [attachmentUrlsStore, attachmentId]);
   return useSyncExternalStoreWithSelector2(
@@ -3700,7 +3687,7 @@ function useAttachmentUrl(attachmentId) {
 function useAttachmentUrlSuspense(attachmentId) {
   const room = useRoom();
   const { attachmentUrlsStore } = room[kInternal3];
-  const getAttachmentUrlState = React5.useCallback(
+  const getAttachmentUrlState = React4.useCallback(
     () => attachmentUrlsStore.getState(attachmentId),
     [attachmentUrlsStore, attachmentId]
   );
@@ -3766,10 +3753,6 @@ var _useStorageRoot = useStorageRoot;
 var _useUpdateMyPresence = useUpdateMyPresence;
 
 export {
-  PKG_NAME,
-  PKG_VERSION,
-  PKG_FORMAT,
-  ClientSideSuspense,
   RoomContext,
   selectThreads,
   ClientContext,
@@ -3850,4 +3833,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-SNEUTGU4.mjs.map
+//# sourceMappingURL=chunk-LMENFXCS.mjs.map