1 files changed, 6 insertions, 8 deletions

diff --git a/packages/renderer/src/components/BrowserViewPlaceholder.tsx b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
index 6aa6b7b..c671983 100644
--- a/packages/renderer/src/components/BrowserViewPlaceholder.tsx
+++ b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
@@ -18,17 +18,15 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { throttle } from 'lodash';
-import { observer } from 'mobx-react-lite';
 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 { useStore } from './StoreProvider';
 
-export const BrowserViewPlaceholder = observer(function BrowserViewPlaceholder() {
-  const {
-    setBrowserViewBounds,
-  } = useStore();
+export default observer(() => {
+  const store = useStore();
 
   const onResize = useCallback(throttle(([entry]: ResizeObserverEntry[]) => {
     if (entry) {
@@ -38,14 +36,14 @@ export const BrowserViewPlaceholder = observer(function BrowserViewPlaceholder()
         width,
         height,
       } = entry.target.getBoundingClientRect();
-      setBrowserViewBounds({
+      store.setBrowserViewBounds({
         x,
         y,
         width,
         height,
       });
     }
-  }, 100), [setBrowserViewBounds]);
+  }, 100), [store]);
 
   const resizeObserverRef = useRef<ResizeObserver | null>(null);