diff --git a/src/components/organisms/BrowserWindow.tsx b/src/components/organisms/BrowserWindow.tsx
index 0b956c2d..0e925a1a 100644
--- a/src/components/organisms/BrowserWindow.tsx
+++ b/src/components/organisms/BrowserWindow.tsx
@@ -11,7 +11,7 @@ import { ConfirmationBox } from "../atoms/ConfirmationBox";
 export const BrowserWindow = () => {
     const [canvasRef, setCanvasReference] = useState<React.RefObject<HTMLCanvasElement> | undefined>(undefined);
     const [screenShot, setScreenShot] = useState<string>("");
-    const [highlighterData, setHighlighterData] = useState<{ rect: DOMRect, selector: string } | null>(null);
+    const [highlighterData, setHighlighterData] = useState<{ rect: DOMRect, selector: string, elementInfo: {} } | null>(null);
     const [showConfirmation, setShowConfirmation] = useState(false);
 
     const { socket } = useSocketStore();
@@ -52,7 +52,7 @@ export const BrowserWindow = () => {
         }
     }, [screenShot, canvasRef, socket, screencastHandler]);
 
-    const highlighterHandler = useCallback((data: { rect: DOMRect, selector: string }) => {
+    const highlighterHandler = useCallback((data: { rect: DOMRect, selector: string, elementInfo: {} }) => {
         setHighlighterData(data);
     }, [highlighterData])