diff --git a/packages/client/src/components/resizeable/resizeable.tsx b/packages/client/src/components/resizeable/resizeable.tsx
index 9e8e8471..d7a959de 100644
--- a/packages/client/src/components/resizeable/resizeable.tsx
+++ b/packages/client/src/components/resizeable/resizeable.tsx
@@ -57,12 +57,12 @@ export const Resizeable: React.FC<IProps> = ({
   const $bottomRight = useRef<HTMLDivElement>(null);
 
   useClickOutside($container, {
-    in: () => $container.current.classList.add(styles.isActive),
-    out: () => $container.current.classList.remove(styles.isActive),
+    in: () => $container.current && $container.current.classList.add(styles.isActive),
+    out: () => $container.current && $container.current.classList.remove(styles.isActive),
   });
 
   useEffect(() => {
-    if (!isEditable) return;
+    if (!isEditable || !$container.current) return;
 
     interact($container.current).resizable({
       edges: {