diff --git a/static/usage/v8/modal/controller/react.md b/static/usage/v8/modal/controller/react.md
index fcbc0b3be31..6bcf8749560 100644
--- a/static/usage/v8/modal/controller/react.md
+++ b/static/usage/v8/modal/controller/react.md
@@ -14,24 +14,20 @@ import {
 } from '@ionic/react';
 import { OverlayEventDetail } from '@ionic/core/components';
 
-const ModalExample = ({
-  onDismiss,
-}: {
-  onDismiss: (data?: string | null | undefined | number, role?: string) => void;
-}) => {
+const ModalExample = ({ dismiss }: { dismiss: (data?: string | null | undefined | number, role?: string) => void }) => {
   const inputRef = useRef<HTMLIonInputElement>(null);
   return (
     <IonPage>
       <IonHeader>
         <IonToolbar>
           <IonButtons slot="start">
-            <IonButton color="medium" onClick={() => onDismiss(null, 'cancel')}>
+            <IonButton color="medium" onClick={() => dismiss(null, 'cancel')}>
               Cancel
             </IonButton>
           </IonButtons>
           <IonTitle>Welcome</IonTitle>
           <IonButtons slot="end">
-            <IonButton onClick={() => onDismiss(inputRef.current?.value, 'confirm')} strong={true}>
+            <IonButton onClick={() => dismiss(inputRef.current?.value, 'confirm')} strong={true}>
               Confirm
             </IonButton>
           </IonButtons>
@@ -48,7 +44,7 @@ const ModalExample = ({
 
 function Example() {
   const [present, dismiss] = useIonModal(ModalExample, {
-    onDismiss: (data: string, role: string) => dismiss(data, role),
+    dismiss: (data: string, role: string) => dismiss(data, role),
   });
   const [message, setMessage] = useState('This modal example uses the modalController to present and dismiss modals.');