useKeyDownHandlers null safe

Author: dewanshDT

client/modules/IDE/hooks/useKeyDownHandlers.js

@@ -20,7 +20,7 @@ export default function useKeyDownHandlers(keyHandlers) {
   const handlers = useRef(keyHandlers);
 
   useEffect(() => {
-    handlers.current = mapKeys(keyHandlers, (value, key) => key.toLowerCase());
+    handlers.current = mapKeys(keyHandlers, (value, key) => key?.toLowerCase());
   }, [keyHandlers]);
 
   /**
@@ -32,12 +32,12 @@ export default function useKeyDownHandlers(keyHandlers) {
     const isMac = navigator.userAgent.toLowerCase().indexOf('mac') !== -1;
     const isCtrl = isMac ? e.metaKey : e.ctrlKey;
     if (e.shiftKey && isCtrl) {
-      handlers.current[`ctrl-shift-${e.key.toLowerCase()}`]?.(e);
+      handlers.current[`ctrl-shift-${e.key?.toLowerCase()}`]?.(e);
     }
     if (isCtrl) {
-      handlers.current[`ctrl-${e.key.toLowerCase()}`]?.(e);
+      handlers.current[`ctrl-${e.key?.toLowerCase()}`]?.(e);
     }
-    handlers.current[e.key.toLowerCase()]?.(e);
+    handlers.current[e.key?.toLowerCase()]?.(e);
   }, []);
 
   useEffect(() => {