diff --git a/packages/react-core/src/components/LabelGroup/examples/LabelGroupEditableAddModal.tsx b/packages/react-core/src/components/LabelGroup/examples/LabelGroupEditableAddModal.tsx
index c3a594adac4..71d21b4ba32 100644
--- a/packages/react-core/src/components/LabelGroup/examples/LabelGroupEditableAddModal.tsx
+++ b/packages/react-core/src/components/LabelGroup/examples/LabelGroupEditableAddModal.tsx
@@ -104,7 +104,7 @@ export const LabelGroupEditableAddModal: React.FunctionComponent = () => {
     setIsEditable(false);
   };
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/Modal.tsx b/packages/react-core/src/components/Modal/Modal.tsx
index 51e65b173a0..7037286ff16 100644
--- a/packages/react-core/src/components/Modal/Modal.tsx
+++ b/packages/react-core/src/components/Modal/Modal.tsx
@@ -50,7 +50,7 @@ export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
   /** Flag to show the modal. */
   isOpen?: boolean;
   /** A callback for when the close button is clicked. */
-  onClose?: () => void;
+  onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
   /** Modal handles pressing of the escape key and closes the modal. If you want to handle
    * this yourself you can use this callback function. */
   onEscapePress?: (event: KeyboardEvent) => void;
@@ -135,7 +135,7 @@ export class Modal extends React.Component<ModalProps, ModalState> {
   handleEscKeyClick = (event: KeyboardEvent): void => {
     const { onEscapePress } = this.props;
     if (event.key === KeyTypes.Escape && this.props.isOpen) {
-      onEscapePress ? onEscapePress(event) : this.props.onClose?.();
+      onEscapePress ? onEscapePress(event) : this.props.onClose?.(event);
     }
   };
 
diff --git a/packages/react-core/src/components/Modal/ModalBoxCloseButton.tsx b/packages/react-core/src/components/Modal/ModalBoxCloseButton.tsx
index 7545ecda99f..62a760445a6 100644
--- a/packages/react-core/src/components/Modal/ModalBoxCloseButton.tsx
+++ b/packages/react-core/src/components/Modal/ModalBoxCloseButton.tsx
@@ -9,7 +9,7 @@ export interface ModalBoxCloseButtonProps extends OUIAProps {
   /** Additional classes added to the close button. */
   className?: string;
   /** A callback for when the close button is clicked. */
-  onClose?: () => void;
+  onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
   /** Value to set the data-ouia-component-id.*/
   ouiaId?: number | string;
 }
@@ -23,7 +23,7 @@ export const ModalBoxCloseButton: React.FunctionComponent<ModalBoxCloseButtonPro
   <div className={css(styles.modalBoxClose, className)}>
     <Button
       variant="plain"
-      onClick={onClose}
+      onClick={(event) => onClose(event)}
       aria-label="Close"
       {...(ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` })}
       {...props}
diff --git a/packages/react-core/src/components/Modal/ModalContent.tsx b/packages/react-core/src/components/Modal/ModalContent.tsx
index f4e5867190f..d32145f66fd 100644
--- a/packages/react-core/src/components/Modal/ModalContent.tsx
+++ b/packages/react-core/src/components/Modal/ModalContent.tsx
@@ -60,7 +60,7 @@ export interface ModalContentProps extends OUIAProps {
   /** Id of the modal box title. */
   labelId: string;
   /** A callback for when the close button is clicked. */
-  onClose?: () => void;
+  onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
   /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
   position?: 'default' | 'top';
   /** Offset from alternate position. Can be any valid CSS length/percentage. */
@@ -187,7 +187,7 @@ export const ModalContent: React.FunctionComponent<ModalContentProps> = ({
       aria-describedby={ariaDescribedby || (hasNoBodyWrapper ? null : descriptorId)}
       {...getOUIAProps(ModalContent.displayName, ouiaId, ouiaSafe)}
     >
-      {showClose && <ModalBoxCloseButton onClose={onClose} ouiaId={ouiaId} />}
+      {showClose && <ModalBoxCloseButton onClose={(event) => onClose(event)} ouiaId={ouiaId} />}
       {modalBoxHeader}
       {modalBody}
       {modalBoxFooter}
diff --git a/packages/react-core/src/components/Modal/examples/ModalBasic.tsx b/packages/react-core/src/components/Modal/examples/ModalBasic.tsx
index 4be9694a95c..ee3b3743740 100644
--- a/packages/react-core/src/components/Modal/examples/ModalBasic.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalBasic.tsx
@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalBasic: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalCustomHeaderFooter.tsx b/packages/react-core/src/components/Modal/examples/ModalCustomHeaderFooter.tsx
index d222df5d3c6..7988627cd2b 100644
--- a/packages/react-core/src/components/Modal/examples/ModalCustomHeaderFooter.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalCustomHeaderFooter.tsx
@@ -5,7 +5,7 @@ import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-
 export const ModalCustomHeaderFooter: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalCustomTitleIcon.tsx b/packages/react-core/src/components/Modal/examples/ModalCustomTitleIcon.tsx
index 1d1784da2d7..59d6906d435 100644
--- a/packages/react-core/src/components/Modal/examples/ModalCustomTitleIcon.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalCustomTitleIcon.tsx
@@ -5,7 +5,7 @@ import BullhornIcon from '@patternfly/react-icons/dist/esm/icons/bullhorn-icon';
 export const ModalCustomTitleIcon: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalCustomWidth.tsx b/packages/react-core/src/components/Modal/examples/ModalCustomWidth.tsx
index 1b554587039..22246cda212 100644
--- a/packages/react-core/src/components/Modal/examples/ModalCustomWidth.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalCustomWidth.tsx
@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalCustomWidth: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalLarge.tsx b/packages/react-core/src/components/Modal/examples/ModalLarge.tsx
index 624642c829a..6fd4c5ce24b 100644
--- a/packages/react-core/src/components/Modal/examples/ModalLarge.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalLarge.tsx
@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalLarge: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalMedium.tsx b/packages/react-core/src/components/Modal/examples/ModalMedium.tsx
index b2a96d61fcb..5be17eec2b1 100644
--- a/packages/react-core/src/components/Modal/examples/ModalMedium.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalMedium.tsx
@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalMedium: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalNoHeaderFooter.tsx b/packages/react-core/src/components/Modal/examples/ModalNoHeaderFooter.tsx
index f82b2df4e35..6c8da740e54 100644
--- a/packages/react-core/src/components/Modal/examples/ModalNoHeaderFooter.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalNoHeaderFooter.tsx
@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalNoHeaderFooter: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalSmall.tsx b/packages/react-core/src/components/Modal/examples/ModalSmall.tsx
index 0005e0ea141..1bb9da550f3 100644
--- a/packages/react-core/src/components/Modal/examples/ModalSmall.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalSmall.tsx
@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalSmall: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalTitleIcon.tsx b/packages/react-core/src/components/Modal/examples/ModalTitleIcon.tsx
index 43026d48c0e..bf57be4b499 100644
--- a/packages/react-core/src/components/Modal/examples/ModalTitleIcon.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalTitleIcon.tsx
@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalTitleIcon: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalTopAligned.tsx b/packages/react-core/src/components/Modal/examples/ModalTopAligned.tsx
index 1ff515a137b..fa0b580907f 100644
--- a/packages/react-core/src/components/Modal/examples/ModalTopAligned.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalTopAligned.tsx
@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalTopAligned: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalWithDescription.tsx b/packages/react-core/src/components/Modal/examples/ModalWithDescription.tsx
index fb40d7e53c9..51684f7e142 100644
--- a/packages/react-core/src/components/Modal/examples/ModalWithDescription.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalWithDescription.tsx
@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalWithDescription: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalWithDropdown.tsx b/packages/react-core/src/components/Modal/examples/ModalWithDropdown.tsx
index e6a3331e837..42f300ff4ad 100644
--- a/packages/react-core/src/components/Modal/examples/ModalWithDropdown.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalWithDropdown.tsx
@@ -11,7 +11,7 @@ export const ModalWithDropdown: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
   const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
     setIsDropdownOpen(false);
   };
@@ -30,12 +30,12 @@ export const ModalWithDropdown: React.FunctionComponent = () => {
     (element as HTMLElement).focus();
   };
 
-  const onEscapePress = () => {
+  const onEscapePress = (event: KeyboardEvent) => {
     if (isDropdownOpen) {
       setIsDropdownOpen(!isDropdownOpen);
       onFocus();
     } else {
-      handleModalToggle();
+      handleModalToggle(event);
     }
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalWithForm.tsx b/packages/react-core/src/components/Modal/examples/ModalWithForm.tsx
index 2eacad403da..daad00d2c35 100644
--- a/packages/react-core/src/components/Modal/examples/ModalWithForm.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalWithForm.tsx
@@ -8,7 +8,7 @@ export const ModalWithForm: React.FunctionComponent = () => {
   const [emailValue, setEmailValue] = React.useState('');
   const [addressValue, setAddressValue] = React.useState('');
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalWithHelp.tsx b/packages/react-core/src/components/Modal/examples/ModalWithHelp.tsx
index f28c07b6af9..00816e3a820 100644
--- a/packages/react-core/src/components/Modal/examples/ModalWithHelp.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalWithHelp.tsx
@@ -5,7 +5,7 @@ import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 export const ModalWithHelp: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalWithOverflowingContent.tsx b/packages/react-core/src/components/Modal/examples/ModalWithOverflowingContent.tsx
index da6a7ea177e..44908fbfae6 100644
--- a/packages/react-core/src/components/Modal/examples/ModalWithOverflowingContent.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalWithOverflowingContent.tsx
@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalWithOverflowingContent: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(prevIsModalOpen => !prevIsModalOpen);
   };
 
diff --git a/packages/react-core/src/components/Modal/examples/ModalWithWizard.tsx b/packages/react-core/src/components/Modal/examples/ModalWithWizard.tsx
index e76282f0ff4..0dab445663b 100644
--- a/packages/react-core/src/components/Modal/examples/ModalWithWizard.tsx
+++ b/packages/react-core/src/components/Modal/examples/ModalWithWizard.tsx
@@ -4,7 +4,11 @@ import { Modal, ModalVariant, Button, Wizard, WizardHeader, WizardStep } from '@
 export const ModalWithWizard: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
+    setIsModalOpen((prevIsModalOpen) => !prevIsModalOpen);
+  };
+
+  const handleWizardToggle = () => {
     setIsModalOpen((prevIsModalOpen) => !prevIsModalOpen);
   };
 
@@ -35,17 +39,17 @@ export const ModalWithWizard: React.FunctionComponent = () => {
               title="Wizard modal"
               titleId="modal-wizard-label"
               description="This is a wizard inside of a modal."
-              onClose={handleModalToggle}
+              onClose={handleWizardToggle}
               closeButtonAriaLabel="Close wizard"
             />
           }
-          onClose={handleModalToggle}
+          onClose={handleWizardToggle}
         >
           {numberedSteps}
           <WizardStep
             name="Review"
             id="with-wizard-review-step"
-            footer={{ nextButtonText: 'Finish', onNext: handleModalToggle }}
+            footer={{ nextButtonText: 'Finish', onNext: handleWizardToggle }}
           >
             Review step
           </WizardStep>
diff --git a/packages/react-core/src/demos/DatePicker/examples/DateTimePickerInModal.tsx b/packages/react-core/src/demos/DatePicker/examples/DateTimePickerInModal.tsx
index 3fdcdb26f51..3167cbcb837 100644
--- a/packages/react-core/src/demos/DatePicker/examples/DateTimePickerInModal.tsx
+++ b/packages/react-core/src/demos/DatePicker/examples/DateTimePickerInModal.tsx
@@ -6,7 +6,7 @@ export const SimpleModal = () => {
   const [isTimePickerOpen, setIsTimePickerOpen] = React.useState(false);
   const dateRef = React.useRef(null);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
@@ -16,7 +16,7 @@ export const SimpleModal = () => {
     } else if (isTimePickerOpen) {
       setIsTimePickerOpen(false);
     } else {
-      handleModalToggle();
+      handleModalToggle(event);
     }
   };
 
diff --git a/packages/react-core/src/deprecated/components/Wizard/examples/WizardInModal.tsx b/packages/react-core/src/deprecated/components/Wizard/examples/WizardInModal.tsx
index 5b44b214f1f..191c3c7a63a 100644
--- a/packages/react-core/src/deprecated/components/Wizard/examples/WizardInModal.tsx
+++ b/packages/react-core/src/deprecated/components/Wizard/examples/WizardInModal.tsx
@@ -4,9 +4,15 @@ import { Wizard as WizardDeprecated } from '@patternfly/react-core/deprecated';
 
 export const WizardInModal: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);
-  const handleModalToggle = () => {
+
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
+    setIsOpen(!isOpen);
+  };
+
+  const handleWizardToggle = () => {
     setIsOpen(!isOpen);
   };
+
   const steps = [
     { name: 'First step', component: <p>Step 1 content</p> },
     { name: 'Second step', component: <p>Step 2 content</p> },
@@ -14,7 +20,9 @@ export const WizardInModal: React.FunctionComponent = () => {
     { name: 'Fourth step', component: <p>Step 4 content</p> },
     { name: 'Review', component: <p>Review step content</p>, nextButtonText: 'Finish' }
   ];
+
   const title = 'Wizard in modal example';
+
   return (
     <React.Fragment>
       <Button variant="primary" onClick={handleModalToggle}>
@@ -25,7 +33,7 @@ export const WizardInModal: React.FunctionComponent = () => {
         description="Simple Wizard Description"
         descriptionComponent="div"
         steps={steps}
-        onClose={handleModalToggle}
+        onClose={handleWizardToggle}
         isOpen={isOpen}
       />
     </React.Fragment>
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ModalDemo/ModalDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ModalDemo/ModalDemo.tsx
index db0a6565323..26698b6197e 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/ModalDemo/ModalDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/ModalDemo/ModalDemo.tsx
@@ -34,7 +34,7 @@ export class ModalDemo extends React.Component<React.HTMLProps<HTMLDivElement>,
     customEscapePressed: false
   };
 
-  handleModalToggle = () => {
+  handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     this.setState(({ isModalOpen }) => ({
       isModalOpen: !isModalOpen
     }));
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/SelectDeprecatedDemo/SelectInModal.tsx b/packages/react-integration/demo-app-ts/src/components/demos/SelectDeprecatedDemo/SelectInModal.tsx
index 68477124691..30e8a066da8 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/SelectDeprecatedDemo/SelectInModal.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/SelectDeprecatedDemo/SelectInModal.tsx
@@ -18,16 +18,16 @@ export const SelectInModal = () => {
   const [isTimePickerOpen, setIsTimePickerOpen] = React.useState(false);
   const [selection, setSelection] = React.useState(null);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
-  const onEscapePress = () => {
+  const onEscapePress = (event: KeyboardEvent) => {
     if (isSelectOpen) {
       setIsSelectOpen(false);
     } else if (isTimePickerOpen) {
       setIsTimePickerOpen(false);
     } else {
-      handleModalToggle();
+      handleModalToggle(event);
     }
   };
 
diff --git a/packages/react-table/src/docs/demos/Table.md b/packages/react-table/src/docs/demos/Table.md
index b345fa8ce20..82dad1b9572 100644
--- a/packages/react-table/src/docs/demos/Table.md
+++ b/packages/react-table/src/docs/demos/Table.md
@@ -716,7 +716,7 @@ class ColumnManagementAction extends React.Component {
         [target.name]: value
       });
     };
-    this.handleModalToggle = () => {
+    this.handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
       this.setState(({ isModalOpen }) => ({
         isModalOpen: !isModalOpen
       }));
diff --git a/packages/react-table/src/docs/demos/table-demos/ColumnManagement.jsx b/packages/react-table/src/docs/demos/table-demos/ColumnManagement.jsx
index 8f7821b215b..4d52d7518b2 100644
--- a/packages/react-table/src/docs/demos/table-demos/ColumnManagement.jsx
+++ b/packages/react-table/src/docs/demos/table-demos/ColumnManagement.jsx
@@ -176,7 +176,7 @@ export const ColumnManagementAction = () => {
     setCheckedState(updatedCheckedState);
   };
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event) => {
     setIsModalOpen(!isModalOpen);
   };