fix: Cannot import from app in shared

shared/editor/components/useComponentSize.ts

@@ -0,0 +1,31 @@
+import { useState, useEffect } from "react";
+
+export default function useComponentSize(
+  ref: React.RefObject<HTMLElement>
+): { width: number; height: number } {
+  const [size, setSize] = useState({
+    width: ref.current?.clientWidth || 0,
+    height: ref.current?.clientHeight || 0,
+  });
+
+  useEffect(() => {
+    const sizeObserver = new ResizeObserver((entries) => {
+      entries.forEach(({ target }) => {
+        if (
+          size.width !== target.clientWidth ||
+          size.height !== target.clientHeight
+        ) {
+          setSize({ width: target.clientWidth, height: target.clientHeight });
+        }
+      });
+    });
+
+    if (ref.current) {
+      sizeObserver.observe(ref.current);
+    }
+
+    return () => sizeObserver.disconnect();
+  }, [ref]);
+
+  return size;
+}

shared/editor/embeds/Berrycast.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
-import useComponentSize from "~/hooks/useComponentSize";
 import Frame from "../components/Frame";
+import useComponentSize from "../components/useComponentSize";
 import { EmbedProps as Props } from ".";
 
 const URL_REGEX = /^https:\/\/(www\.)?berrycast.com\/conversations\/(.*)$/;