Reload WebviewArea on canvas change (#358)

onlook-dev · Sep 16, 2024 · 30279eb · 30279eb
1 parent 9b7b508
commit 30279eb
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/app/src/routes/project/WebviewArea/index.tsx b/app/src/routes/project/WebviewArea/index.tsx
@@ -1,9 +1,10 @@
 import { WebviewMessageBridge } from '@/lib/editor/messageBridge';
+import { observer } from 'mobx-react-lite';
 import { useEditorEngine } from '..';
 import Frame from './Frame';
 import Overlay from './Overlay';
 
-function WebviewArea() {
+const WebviewArea = observer(() => {
     const editorEngine = useEditorEngine();
     const messageBridge = new WebviewMessageBridge(editorEngine);
 
@@ -16,6 +17,6 @@ function WebviewArea() {
             </div>
         </Overlay>
     );
-}
+});
 
 export default WebviewArea;