stream-chat-react 13.1.1 → 13.1.2

package/dist/index.node.cjs

@@ -50158,7 +50158,7 @@ var mousewheelListener2 = (event) => {
 var InfiniteScroll = (props) => {
   const {
     children,
-    element: element3 = "div",
+    element: Component2 = "div",
     hasMore,
     hasMoreNewer,
     hasNextPage,
@@ -50180,17 +50180,17 @@ var InfiniteScroll = (props) => {
   const loadPreviousPageFn = loadPreviousPage || loadMore;
   const hasNextPageFlag = hasNextPage || hasMoreNewer;
   const hasPreviousPageFlag = hasPreviousPage || hasMore;
-  const scrollComponent = (0, import_react180.useRef)(void 0);
+  const [scrollComponent, setScrollComponent] = (0, import_react180.useState)(null);
   const previousOffset = (0, import_react180.useRef)(void 0);
   const previousReverseOffset = (0, import_react180.useRef)(void 0);
   const scrollListenerRef = (0, import_react180.useRef)(void 0);
   scrollListenerRef.current = () => {
-    const element4 = scrollComponent.current;
-    if (!element4 || element4.offsetParent === null) {
+    const element3 = scrollComponent;
+    if (!element3 || element3.offsetParent === null) {
       return;
     }
-    const parentElement = element4.parentElement;
-    const offset = element4.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
+    const parentElement = element3.parentElement;
+    const offset = element3.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
     const reverseOffset = parentElement.scrollTop;
     if (listenToScroll) {
       listenToScroll(offset, reverseOffset, threshold);
@@ -50219,7 +50219,7 @@ var InfiniteScroll = (props) => {
     );
   }, []);
   (0, import_react180.useEffect)(() => {
-    const scrollElement = scrollComponent.current?.parentNode;
+    const scrollElement = scrollComponent?.parentNode;
     if (!scrollElement) return;
     const scrollListener = () => scrollListenerRef.current?.();
     scrollElement.addEventListener("scroll", scrollListener, useCapture);
@@ -50229,29 +50229,16 @@ var InfiniteScroll = (props) => {
       scrollElement.removeEventListener("scroll", scrollListener, useCapture);
       scrollElement.removeEventListener("resize", scrollListener, useCapture);
     };
-  }, [initialLoad, useCapture]);
+  }, [initialLoad, scrollComponent, useCapture]);
   (0, import_react180.useEffect)(() => {
-    const scrollElement = scrollComponent.current?.parentNode;
-    if (scrollElement) {
-      scrollElement.addEventListener("wheel", mousewheelListener2, { passive: false });
-    }
+    const scrollElement = scrollComponent?.parentNode;
+    if (!scrollElement) return;
+    scrollElement.addEventListener("wheel", mousewheelListener2, { passive: false });
     return () => {
-      if (scrollElement) {
-        scrollElement.removeEventListener("wheel", mousewheelListener2, useCapture);
-      }
+      scrollElement.removeEventListener("wheel", mousewheelListener2, useCapture);
     };
-  }, [useCapture]);
-  const attributes = {
-    ...elementProps,
-    ref: (element4) => {
-      scrollComponent.current = element4;
-    }
-  };
-  const childrenArray = [loader, children];
-  if (head) {
-    childrenArray.unshift(head);
-  }
-  return import_react180.default.createElement(element3, attributes, childrenArray);
+  }, [scrollComponent, useCapture]);
+  return /* @__PURE__ */ import_react180.default.createElement(Component2, { ...elementProps, ref: setScrollComponent }, head, loader, children);
 };
 
 // src/components/TypingIndicator/TypingIndicator.tsx
@@ -57384,7 +57371,7 @@ var useChat = ({
   };
   (0, import_react271.useEffect)(() => {
     if (!client) return;
-    const version = "13.1.1";
+    const version = "13.1.2";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);