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 = ``;