From 4238157fd4fc4ee35aba3d862cb7075dacb78e7e Mon Sep 17 00:00:00 2001
From: "pramod.mahajan" <pramod.mahajan@marcoaiot.com>
Date: Sat, 25 Oct 2025 11:02:57 +0530
Subject: [PATCH] prevent error occurering due to zoom in -out

---
 src/components/Expenses/PreviewDocument.jsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/Expenses/PreviewDocument.jsx b/src/components/Expenses/PreviewDocument.jsx
index dd756893..31f50991 100644
--- a/src/components/Expenses/PreviewDocument.jsx
+++ b/src/components/Expenses/PreviewDocument.jsx
@@ -1,4 +1,4 @@
-import { useState, useRef } from "react";
+import { useState, useRef ,useEffect} from "react";
 
 const PreviewDocument = ({ imageUrl }) => {
   const [loading, setLoading] = useState(true);
@@ -20,6 +20,16 @@ const PreviewDocument = ({ imageUrl }) => {
     setZoom((prev) => Math.min(Math.max(prev + delta, 0.5), 3));
   };
 
+   useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+
+    container.addEventListener("wheel", handleWheel, { passive: false });
+
+    return () => {
+      container.removeEventListener("wheel", handleWheel);
+    };
+  }, []);
   const handleMouseDown = (e) => {
     if (zoom <= 1) return;
     setIsDragging(true);
@@ -73,12 +83,11 @@ const PreviewDocument = ({ imageUrl }) => {
 
       <div
         ref={containerRef}
-        onWheel={handleWheel}
         onMouseDown={handleMouseDown}
         onMouseMove={handleMouseMove}
         onMouseUp={handleMouseUp}
         onMouseLeave={handleMouseLeave}
-        className="d-flex justify-content-center align-items-center overflow-hidden border rounded"
+        className="d-flex justify-content-center align-items-center overflow-hidden border rounded "
         style={{
           width: "100%",
           height: "80vh",