| ... | ... | @@ -7,6 +7,7 @@ import { |
| 7 | 7 | type ComponentProps, |
| 8 | 8 | type CSSProperties, |
| 9 | 9 | } from "react"; |
| 10 | import { flushSync } from "react-dom"; |
| 10 | 11 | import { ChatCanvasContext } from "./ChatCanvasContext"; |
| 11 | 12 | import { resolveChatCanvasLayout, type ChatCanvasPreview } from "./chatCanvasLayout"; |
| 12 | 13 | import type { PreviewMiniPlayerObstacles } from "../preview/previewMiniPlayerLayout"; |
| ... | ... | @@ -90,7 +91,7 @@ export function ChatCanvas({ |
| 90 | 91 | ); |
| 91 | 92 | }; |
| 92 | 93 | measure(); |
| 93 | | const observer = new ResizeObserver(measure); |
| 94 | const observer = new ResizeObserver(() => flushSync(measure)); |
| 94 | 95 | observer.observe(element); |
| 95 | 96 | observer.observe(probe); |
| 96 | 97 | if (composerOverlayElement) observer.observe(composerOverlayElement); |