diff --git a/types/wordpress__components/modal/index.d.ts b/types/wordpress__components/modal/index.d.ts
index 08685d8e4b..6c0aacfd48 100644
--- a/types/wordpress__components/modal/index.d.ts
+++ b/types/wordpress__components/modal/index.d.ts
@@ -46,8 +46,15 @@ declare namespace Modal {
          * If this property is set to false, the modal will not display a close
          * icon and cannot be dismissed.
          * @defaultValue true
+         * @deprecated Use isDismissible
          */
         isDismissable?: boolean;
+        /**
+         * If this property is set to false, the modal will not display a close
+         * icon and cannot be dismissed.
+         * @defaultValue true
+         */
+        isDismissible?: boolean;
         /**
          * If this property is added, it will an additional class name to the
          * modal overlay div.
diff --git a/types/wordpress__components/wordpress__components-tests.tsx b/types/wordpress__components/wordpress__components-tests.tsx
index 93d40f58e6..3cf109cf52 100644
--- a/types/wordpress__components/wordpress__components-tests.tsx
+++ b/types/wordpress__components/wordpress__components-tests.tsx
@@ -407,7 +407,7 @@ const kbshortcuts = {
 //
 // modal
 //
-<C.Modal title="This is my modal" onRequestClose={() => console.log('closing modal')}>
+<C.Modal title="This is my modal" isDismissible={true} onRequestClose={() => console.log('closing modal')}>
     <button onClick={() => console.log('clicked')}>My custom close button</button>
 </C.Modal>;