@particle-academy/react-fancy 3.4.0 → 3.4.2

package/dist/index.js

@@ -3248,12 +3248,17 @@ function useFloatingPosition(anchorRef, floatingRef, options = {}) {
   }, [anchorRef, floatingRef, placement, offset]);
   useLayoutEffect(() => {
     if (!enabled) return;
-    update();
-    const raf = requestAnimationFrame(() => {
+    let raf = 0;
+    let frames = 0;
+    const measure = () => {
       update();
-    });
+      if (!floatingRef.current && frames++ < 20) {
+        raf = requestAnimationFrame(measure);
+      }
+    };
+    measure();
     return () => cancelAnimationFrame(raf);
-  }, [update, enabled]);
+  }, [update, enabled, floatingRef]);
   useEffect(() => {
     if (!enabled) return;
     window.addEventListener("scroll", update, true);
@@ -10791,8 +10796,9 @@ function ContentRenderer({
     [instanceExtensions]
   );
   const html = useMemo(() => {
-    const resolvedFormat = format === "auto" ? detectFormat(value) : format;
-    const raw = resolvedFormat === "markdown" ? marked.parse(value, { async: false }) : value;
+    const safe = value ?? "";
+    const resolvedFormat = format === "auto" ? detectFormat(safe) : format;
+    const raw = resolvedFormat === "markdown" ? marked.parse(safe, { async: false }) : safe;
     return unsafe ? raw : sanitizeHtml(raw);
   }, [value, format, unsafe]);
   const hasExtensions = extensions.length > 0;