From 35c0960e68a559bf63d3f2ec5787e7611ebe95a3 Mon Sep 17 00:00:00 2001
From: johnsoncherian <johnsonc.dev@gmail.com>
Date: Mon, 14 Apr 2025 15:25:29 +0530
Subject: [PATCH] fix: check if canvas exist before modal component cleanup
 hook

---
 frontend/src/AppBuilder/Widgets/Modal.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/AppBuilder/Widgets/Modal.jsx b/frontend/src/AppBuilder/Widgets/Modal.jsx
index c410cf4840..d838eb5ba4 100644
--- a/frontend/src/AppBuilder/Widgets/Modal.jsx
+++ b/frontend/src/AppBuilder/Widgets/Modal.jsx
@@ -90,9 +90,9 @@ export const Modal = function Modal({
   const onHideSideEffects = () => {
     const canvasElement = document.querySelector('.page-container.canvas-container');
     const realCanvasEl = document.getElementsByClassName('real-canvas')[0];
-    const allModalContainers = realCanvasEl.querySelectorAll('.modal');
-    const modalContainer = allModalContainers[allModalContainers.length - 1];
-    const hasManyModalsOpen = allModalContainers.length > 1;
+    const allModalContainers = realCanvasEl?.querySelectorAll('.modal');
+    const modalContainer = allModalContainers?.[allModalContainers.length - 1];
+    const hasManyModalsOpen = allModalContainers?.length > 1;
 
     if (canvasElement && realCanvasEl && modalContainer) {
       modalContainer.style.height = ``;