@optilogic/core 1.3.1 → 1.3.2

package/dist/index.cjs

@@ -4846,15 +4846,25 @@ function DataGrid({
   const [headerHeight, setHeaderHeight] = React20__namespace.useState(40);
   const [hoveredCell, setHoveredCell] = React20__namespace.useState(null);
   const [containerWidth, setContainerWidth] = React20__namespace.useState(0);
-  React20__namespace.useLayoutEffect(() => {
-    if (!fillWidth || !parentRef.current) return;
-    const observer = new ResizeObserver((entries) => {
-      const w = entries[0]?.contentRect.width;
-      if (w && w > 0) setContainerWidth(w);
-    });
-    observer.observe(parentRef.current);
-    return () => observer.disconnect();
-  }, [fillWidth]);
+  const fillWidthObserverRef = React20__namespace.useRef(null);
+  const parentCallbackRef = React20__namespace.useCallback(
+    (node) => {
+      fillWidthObserverRef.current?.disconnect();
+      fillWidthObserverRef.current = null;
+      parentRef.current = node;
+      if (!fillWidth || !node) return;
+      const observer = new ResizeObserver((entries) => {
+        const w = entries[0]?.contentRect.width;
+        if (w && w > 0) setContainerWidth(w);
+      });
+      observer.observe(node);
+      fillWidthObserverRef.current = observer;
+    },
+    [fillWidth]
+  );
+  React20__namespace.useEffect(() => {
+    return () => fillWidthObserverRef.current?.disconnect();
+  }, []);
   const visibleColumns = React20__namespace.useMemo(
     () => columns.filter((col) => !col.hidden),
     [columns]
@@ -5157,7 +5167,7 @@ function DataGrid({
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              ref: parentRef,
+              ref: parentCallbackRef,
               className: "flex-1 overflow-auto bg-background relative w-full min-h-0 max-h-full",
               style: { contain: "strict" },
               children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5372,7 +5382,7 @@ function DataGrid({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: parentRef, className: "flex-1 overflow-auto min-h-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: parentCallbackRef, className: "flex-1 overflow-auto min-h-0", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {