@liveblocks/react 0.18.0-beta1 → 0.18.0-beta2

package/.built-by-link-script

@@ -1 +1 @@
-82a138d642402a9a15f754de8f42105c6724d0b0
+b78a4b6045d3aab4fd9a5e4686ccac3b534923fe

package/index.d.ts

@@ -59,7 +59,7 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      * All the modifications are merged in a single history item (undo/redo).
      * All the subscribers are called only after the batch is over.
      */
-    useBatch(): (callback: () => void) => void;
+    useBatch<T>(): (callback: () => T) => T;
     /**
      * Returns a callback that lets you broadcast custom events to other users in the room
      *
@@ -173,7 +173,7 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      * return the result of a .map() or .filter() call from the selector. In
      * those cases, you'll probably want to use a `shallow` comparison check.
      */
-    useStorage<T>(selector: (root: ToImmutable<TStorage>) => T, isEqual?: (a: T, b: T) => boolean): T | null;
+    useStorage<T>(selector: (root: ToImmutable<TStorage>) => T, isEqual?: (prev: T, curr: T) => boolean): T | null;
     /**
      * Returns the presence of the current user of the current room, and a function to update it.
      * It is different from the setState function returned by the useState hook from React.
@@ -233,7 +233,7 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      * const someoneIsTyping = useOthers(users => users.some(u => u.presence.isTyping));
      *
      */
-    useOthers<T>(selector: (others: Others<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T;
+    useOthers<T>(selector: (others: Others<TPresence, TUserMeta>) => T, isEqual?: (prev: T, curr: T) => boolean): T;
     /**
      * Related to useOthers(), but optimized for selecting only "subsets" of
      * others. This is useful for performance reasons in particular, because
@@ -274,7 +274,7 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      *   shallow,  // ❗️
      * );
      */
-    useOtherIds<T>(itemSelector: (other: User<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): readonly {
+    useOtherIds<T>(itemSelector: (other: User<TPresence, TUserMeta>) => T, isEqual?: (prev: T, curr: T) => boolean): readonly {
         readonly connectionId: number;
         readonly data: T;
     }[];
@@ -297,7 +297,7 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      * // Returns only the selected values re-renders whenever that selection changes)
      * const { x, y } = useOther(2, user => user.presence.cursor);
      */
-    useOther<T>(connectionId: number, selector: (other: User<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T;
+    useOther<T>(connectionId: number, selector: (other: User<TPresence, TUserMeta>) => T, isEqual?: (prev: T, curr: T) => boolean): T;
     /**
      * Returns the Room of the nearest RoomProvider above in the React component
      * tree.
@@ -334,7 +334,7 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      * }
      *
      */
-    useSelf<T>(selector: (me: User<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T | null;
+    useSelf<T>(selector: (me: User<TPresence, TUserMeta>) => T, isEqual?: (prev: T, curr: T) => boolean): T | null;
     /**
      * Returns the mutable (!) Storage root. This hook exists for
      * backward-compatible reasons.
@@ -360,18 +360,18 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
     useMutation<F extends (context: MutationContext<TPresence, TStorage>, ...args: any[]) => any>(callback: F, deps?: unknown[]): OmitFirstArg<F>;
     suspense: {
         useStorage(): ToImmutable<TStorage>;
-        useStorage<T>(selector: (root: ToImmutable<TStorage>) => T, isEqual?: (a: T, b: T) => boolean): T;
+        useStorage<T>(selector: (root: ToImmutable<TStorage>) => T, isEqual?: (prev: T, curr: T) => boolean): T;
         useSelf(): User<TPresence, TUserMeta>;
-        useSelf<T>(selector: (me: User<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T;
+        useSelf<T>(selector: (me: User<TPresence, TUserMeta>) => T, isEqual?: (prev: T, curr: T) => boolean): T;
         useOthers(): Others<TPresence, TUserMeta>;
-        useOthers<T>(selector: (others: Others<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T;
+        useOthers<T>(selector: (others: Others<TPresence, TUserMeta>) => T, isEqual?: (prev: T, curr: T) => boolean): T;
         useOtherIds(): readonly number[];
-        useOtherIds<T>(itemSelector: (other: User<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): readonly {
+        useOtherIds<T>(itemSelector: (other: User<TPresence, TUserMeta>) => T, isEqual?: (prev: T, curr: T) => boolean): readonly {
             readonly connectionId: number;
             readonly data: T;
         }[];
         useOther(connectionId: number): User<TPresence, TUserMeta>;
-        useOther<T>(connectionId: number, selector: (other: User<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T;
+        useOther<T>(connectionId: number, selector: (other: User<TPresence, TUserMeta>) => T, isEqual?: (prev: T, curr: T) => boolean): T;
         useList<TKey extends Extract<keyof TStorage, string>>(key: TKey): TStorage[TKey];
         useMap<TKey extends Extract<keyof TStorage, string>>(key: TKey): TStorage[TKey];
         useObject<TKey extends Extract<keyof TStorage, string>>(key: TKey): TStorage[TKey];

package/index.js

@@ -165,12 +165,12 @@ function createRoomContext(client) {
         [connectionId, selector]
       );
       const wrappedIsEqual = _useCallback(
-        (a, b) => {
-          if (a === sentinel || b === sentinel) {
-            return a === b;
+        (prev, curr) => {
+          if (prev === sentinel || curr === sentinel) {
+            return prev === curr;
           }
           const eq = isEqual != null ? isEqual : Object.is;
-          return eq(a, b);
+          return eq(prev, curr);
         },
         [isEqual]
       );
@@ -399,13 +399,9 @@ function createRoomContext(client) {
             root,
             setMyPresence
           };
-          return (...args) => {
-            let rv;
-            room.batch(() => {
-              rv = callback(mutationCtx, ...args);
-            });
-            return rv;
-          };
+          return (...args) => room.batch(
+            () => callback(mutationCtx, ...args)
+          );
         } else {
           return () => {
             throw new Error(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/react",
-  "version": "0.18.0-beta1",
+  "version": "0.18.0-beta2",
   "description": "A set of React hooks and providers to use Liveblocks declaratively.",
   "main": "./index.js",
   "module": "./index.mjs",
@@ -27,7 +27,7 @@
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {
-    "@liveblocks/client": "0.18.0-beta1",
+    "@liveblocks/client": "0.18.0-beta2",
     "react": "^16.14.0 || ^17 || ^18"
   },
   "repository": {