diff --git a/demo/ModalControls/index.tsx b/demo/ModalControls/index.tsx
index 29a60e7..858ce04 100644
--- a/demo/ModalControls/index.tsx
+++ b/demo/ModalControls/index.tsx
@@ -39,7 +39,7 @@ const ModalControls: React.FC<ModalPropsWithContext> = (props) => {
       <br />
       <button
         onClick={() => {
-          document.dispatchEvent(new KeyboardEvent('keydown', { keyCode: 27 }));
+          document.dispatchEvent(new KeyboardEvent('keydown', { code: 'Escape' }));
         }}
         type="button"
       >
diff --git a/src/ModalProvider/index.tsx b/src/ModalProvider/index.tsx
index 704411f..4676e1e 100644
--- a/src/ModalProvider/index.tsx
+++ b/src/ModalProvider/index.tsx
@@ -76,7 +76,7 @@ const ModalProvider: React.FC<ModalProviderProps> = (props) => {
   const escIsBound = useRef(false);
 
   const bindEsc = useCallback((e: KeyboardEvent) => {
-    if (e.keyCode === 27) {
+    if (e.code === 'Escape') {
       dispatchModalState({
         type: 'CLOSE_LATEST_MODAL',
       })