@inkindcards/semantic-layer 2.2.2 → 2.2.3

package/dist/components.cjs

@@ -863,22 +863,27 @@ function Inspectable({
   const id = react.useId();
   const wrapperRef = react.useRef(null);
   const [rect, setRect] = react.useState(null);
+  const registryRef = react.useRef(registry);
+  registryRef.current = registry;
   const inferredColumns = columns ?? (data?.[0] ? Object.keys(data[0]) : []);
   const sampleValues = data?.slice(0, 3) ?? [];
+  const columnsKey = inferredColumns.join(",");
   react.useEffect(() => {
-    if (!registry) return;
-    registry.register({
+    const reg = registryRef.current;
+    if (!reg) return;
+    reg.register({
       id,
       label,
       currentSource,
-      columns: inferredColumns,
+      columns: columnsKey.split(",").filter(Boolean),
       sampleValues,
       element: wrapperRef.current
     });
-    return () => registry.unregister(id);
-  }, [id, label, currentSource, inferredColumns.join(","), registry]);
+    return () => reg.unregister(id);
+  }, [id, label, currentSource, columnsKey]);
+  const inspectActive = registry?.inspectActive ?? false;
   react.useEffect(() => {
-    if (!registry?.inspectActive || !wrapperRef.current) {
+    if (!inspectActive || !wrapperRef.current) {
       setRect(null);
       return;
     }
@@ -896,7 +901,7 @@ function Inspectable({
       window.removeEventListener("resize", measure);
       clearInterval(interval);
     };
-  }, [registry?.inspectActive]);
+  }, [inspectActive]);
   if (!registry) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }