From 8a6ac124948bcfa1e3266bac273118aba6bbc338 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 27 Jul 2024 01:57:23 +0530
Subject: [PATCH] feat: accept elementInfo as prop

---
 src/components/organisms/BrowserWindow.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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])