1 files changed, 23 insertions, 17 deletions

diff --git a/packages/renderer/src/components/BrowserViewPlaceholder.tsx b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
index c07ed15..b309c4d 100644
--- a/packages/renderer/src/components/BrowserViewPlaceholder.tsx
+++ b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
@@ -20,28 +20,31 @@
 
 import Box from '@mui/material/Box';
 import throttle from 'lodash-es/throttle';
-import { observer } from 'mobx-react-lite';
-import React, { useCallback, useRef } from 'react';
+import React, { ReactNode, useCallback, useRef } from 'react';
 
-import { useStore } from './StoreProvider';
-
-export default observer(() => {
-  const store = useStore();
+import Service from '../stores/Service.js';
 
+function BrowserViewPlaceholder({
+  service,
+  children,
+}: {
+  service: Service;
+  children?: ReactNode;
+}): JSX.Element {
   // eslint-disable-next-line react-hooks/exhaustive-deps -- react-hooks doesn't support `throttle`.
   const onResize = useCallback(
     throttle(([entry]: ResizeObserverEntry[]) => {
       if (entry) {
         const { x, y, width, height } = entry.target.getBoundingClientRect();
-        store.setBrowserViewBounds({
+        service.setBrowserViewBounds({
           x: Math.round(x),
           y: Math.round(y),
           width: Math.round(width),
           height: Math.round(height),
         });
       }
-    }, 40),
-    [store],
+    }, 100),
+    [service],
   );
 
   const resizeObserverRef = useRef<ResizeObserver | undefined>();
@@ -58,15 +61,18 @@ export default observer(() => {
       resizeObserverRef.current = new ResizeObserver(onResize);
       resizeObserverRef.current.observe(element);
     },
-    [onResize, resizeObserverRef],
+    [onResize],
   );
 
   return (
-    <Box
-      sx={{
-        flex: 1,
-      }}
-      ref={ref}
-    />
+    <Box ref={ref} flex={1} overflow="auto">
+      {children}
+    </Box>
   );
-});
+}
+
+BrowserViewPlaceholder.defaultProps = {
+  children: undefined,
+};
+
+export default BrowserViewPlaceholder;