diff --git a/client/src/components/settings/delete-modal.tsx b/client/src/components/settings/delete-modal.tsx
index 3a08d17e7f0..4f2438c73ac 100644
--- a/client/src/components/settings/delete-modal.tsx
+++ b/client/src/components/settings/delete-modal.tsx
@@ -10,7 +10,7 @@ import {
 } from '@freecodecamp/ui';
 
 type DeleteModalProps = {
-  delete: () => void;
+  delete: (x?: never) => void;
   onHide: () => void;
   show: boolean;
 };
@@ -72,7 +72,7 @@ function DeleteModal(props: DeleteModalProps): JSX.Element {
           block={true}
           size='large'
           variant='danger'
-          onClick={props.delete}
+          onClick={() => props.delete()}
           disabled={verifyText !== t('settings.danger.verify-delete-text')}
           type='button'
         >
diff --git a/client/src/components/settings/reset-modal.tsx b/client/src/components/settings/reset-modal.tsx
index 6e0ab030c7f..b4304542c2d 100644
--- a/client/src/components/settings/reset-modal.tsx
+++ b/client/src/components/settings/reset-modal.tsx
@@ -11,7 +11,7 @@ import {
 
 type ResetModalProps = {
   onHide: () => void;
-  reset: () => void;
+  reset: (x?: never) => void;
   show: boolean;
 };
 
@@ -71,7 +71,7 @@ function ResetModal(props: ResetModalProps): JSX.Element {
           size='large'
           variant='danger'
           disabled={verifyText !== t('settings.danger.verify-reset-text')}
-          onClick={props.reset}
+          onClick={() => props.reset()}
           type='button'
         >
           {t('settings.danger.reset-confirm')}