diff --git a/.eslintrc.js b/.eslintrc.js
index 8c828c846ffa23..038be57d26624c 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -240,6 +240,8 @@ module.exports = {
     'react/jsx-no-useless-fragment': ['error', { allowExpressions: true }],
     'lines-around-directive': 'off',
     ...(ENABLE_REACT_COMPILER_PLUGIN ? { 'react-compiler/react-compiler': 'error' } : {}),
+    // Prevent the use of `e` as a shorthand for `event`, `error`, etc.
+    'id-denylist': ['error', 'e'],
   },
   overrides: [
     {
diff --git a/docs/data/joy/components/list/ExampleNavigationMenu.js b/docs/data/joy/components/list/ExampleNavigationMenu.js
index 03cf5e51b340ea..fb28f3503a6a95 100644
--- a/docs/data/joy/components/list/ExampleNavigationMenu.js
+++ b/docs/data/joy/components/list/ExampleNavigationMenu.js
@@ -51,15 +51,15 @@ const useRovingIndex = (options) => {
       }
     },
     tabIndex: activeIndex === index ? 0 : -1,
-    onKeyDown: (e) => {
+    onKeyDown: (event) => {
       if (Number.isInteger(activeIndex)) {
-        if (e.key === (vertical ? 'ArrowDown' : 'ArrowRight')) {
+        if (event.key === (vertical ? 'ArrowDown' : 'ArrowRight')) {
           focusNext();
         }
-        if (e.key === (vertical ? 'ArrowUp' : 'ArrowLeft')) {
+        if (event.key === (vertical ? 'ArrowUp' : 'ArrowLeft')) {
           focusPrevious();
         }
-        handlers.onKeyDown?.(e, { setActiveIndex });
+        handlers.onKeyDown?.(event, { setActiveIndex });
       }
     },
     onClick: () => {
diff --git a/docs/data/joy/components/list/ExampleNavigationMenu.tsx b/docs/data/joy/components/list/ExampleNavigationMenu.tsx
index d580f8db869f53..323873fa0e6084 100644
--- a/docs/data/joy/components/list/ExampleNavigationMenu.tsx
+++ b/docs/data/joy/components/list/ExampleNavigationMenu.tsx
@@ -64,15 +64,15 @@ const useRovingIndex = (options?: Options) => {
       }
     },
     tabIndex: activeIndex === index ? 0 : -1,
-    onKeyDown: (e: React.KeyboardEvent<HTMLAnchorElement>) => {
+    onKeyDown: (event: React.KeyboardEvent<HTMLAnchorElement>) => {
       if (Number.isInteger(activeIndex)) {
-        if (e.key === (vertical ? 'ArrowDown' : 'ArrowRight')) {
+        if (event.key === (vertical ? 'ArrowDown' : 'ArrowRight')) {
           focusNext();
         }
-        if (e.key === (vertical ? 'ArrowUp' : 'ArrowLeft')) {
+        if (event.key === (vertical ? 'ArrowUp' : 'ArrowLeft')) {
           focusPrevious();
         }
-        handlers.onKeyDown?.(e, { setActiveIndex });
+        handlers.onKeyDown?.(event, { setActiveIndex });
       }
     },
     onClick: () => {
diff --git a/docs/data/joy/components/select/SelectClearable.js b/docs/data/joy/components/select/SelectClearable.js
index 6fa74883f99950..446782445866d7 100644
--- a/docs/data/joy/components/select/SelectClearable.js
+++ b/docs/data/joy/components/select/SelectClearable.js
@@ -12,7 +12,7 @@ export default function SelectClearable() {
       action={action}
       value={value}
       placeholder="Favorite pet…"
-      onChange={(e, newValue) => setValue(newValue)}
+      onChange={(event, newValue) => setValue(newValue)}
       {...(value && {
         // display the button and remove select indicator
         // when user has selected a value
diff --git a/docs/data/joy/components/select/SelectClearable.tsx b/docs/data/joy/components/select/SelectClearable.tsx
index 717c0873ece25d..7bdc9a9b2a60d0 100644
--- a/docs/data/joy/components/select/SelectClearable.tsx
+++ b/docs/data/joy/components/select/SelectClearable.tsx
@@ -12,7 +12,7 @@ export default function SelectClearable() {
       action={action}
       value={value}
       placeholder="Favorite pet…"
-      onChange={(e, newValue) => setValue(newValue)}
+      onChange={(event, newValue) => setValue(newValue)}
       {...(value && {
         // display the button and remove select indicator
         // when user has selected a value
diff --git a/docs/data/joy/components/select/SelectUsage.js b/docs/data/joy/components/select/SelectUsage.js
index 65a250f061e737..703858a5d60fd5 100644
--- a/docs/data/joy/components/select/SelectUsage.js
+++ b/docs/data/joy/components/select/SelectUsage.js
@@ -48,7 +48,7 @@ export default function SelectUsage() {
           defaultListboxOpen
           action={action}
           value={value}
-          onChange={(e, newValue) => setValue(newValue)}
+          onChange={(event, newValue) => setValue(newValue)}
           sx={{ minWidth: 160, mb: 20 }}
         >
           <Option value="react">React</Option>
diff --git a/docs/data/joy/getting-started/templates/messages/components/MessageInput.tsx b/docs/data/joy/getting-started/templates/messages/components/MessageInput.tsx
index 6a17baa72d6b8d..630ca1c738c88e 100644
--- a/docs/data/joy/getting-started/templates/messages/components/MessageInput.tsx
+++ b/docs/data/joy/getting-started/templates/messages/components/MessageInput.tsx
@@ -33,8 +33,8 @@ export default function MessageInput(props: MessageInputProps) {
           placeholder="Type something here…"
           aria-label="Message"
           ref={textAreaRef}
-          onChange={(e) => {
-            setTextAreaValue(e.target.value);
+          onChange={(event) => {
+            setTextAreaValue(event.target.value);
           }}
           value={textAreaValue}
           minRows={3}
diff --git a/docs/data/material/getting-started/templates/shared-theme/ColorModeSelect.js b/docs/data/material/getting-started/templates/shared-theme/ColorModeSelect.js
index 21c96acddfc833..2e07e3de38bf7d 100644
--- a/docs/data/material/getting-started/templates/shared-theme/ColorModeSelect.js
+++ b/docs/data/material/getting-started/templates/shared-theme/ColorModeSelect.js
@@ -11,7 +11,7 @@ export default function ColorModeSelect(props) {
   return (
     <Select
       value={mode}
-      onChange={(e) => setMode(e.target.value)}
+      onChange={(event) => setMode(event.target.value)}
       SelectDisplayProps={{
         'data-screenshot': 'toggle-mode',
       }}
diff --git a/docs/data/material/getting-started/templates/shared-theme/ColorModeSelect.tsx b/docs/data/material/getting-started/templates/shared-theme/ColorModeSelect.tsx
index 4bb20df72872f4..6e71b9bb801fc8 100644
--- a/docs/data/material/getting-started/templates/shared-theme/ColorModeSelect.tsx
+++ b/docs/data/material/getting-started/templates/shared-theme/ColorModeSelect.tsx
@@ -11,7 +11,9 @@ export default function ColorModeSelect(props: SelectProps) {
   return (
     <Select
       value={mode}
-      onChange={(e) => setMode(e.target.value as 'system' | 'light' | 'dark')}
+      onChange={(event) =>
+        setMode(event.target.value as 'system' | 'light' | 'dark')
+      }
       SelectDisplayProps={{
         // @ts-ignore
         'data-screenshot': 'toggle-mode',
diff --git a/docs/pages/experiments/base/components-gallery.tsx b/docs/pages/experiments/base/components-gallery.tsx
index 41077d5e7b605a..40c5064529e999 100644
--- a/docs/pages/experiments/base/components-gallery.tsx
+++ b/docs/pages/experiments/base/components-gallery.tsx
@@ -233,7 +233,7 @@ export default function ComponentsGallery() {
   const settingsOpen = Boolean(settingsAnchor);
   const settingsId = settingsOpen ? 'settings-popup' : undefined;
 
-  const colorPickerSliderChangeHandler = (e: Event, value: number | number[]) => {
+  const colorPickerSliderChangeHandler = (event: Event, value: number | number[]) => {
     setRootStyles(`
 :root {
   --primary-50: ${value}, 90%, 97%;
diff --git a/docs/pages/experiments/base/tabs.tsx b/docs/pages/experiments/base/tabs.tsx
index bebb732eec96f1..63877376e07878 100644
--- a/docs/pages/experiments/base/tabs.tsx
+++ b/docs/pages/experiments/base/tabs.tsx
@@ -145,7 +145,7 @@ export default function UnstyledTabsIntroduction() {
         <input
           type="checkbox"
           checked={selectionFollowsFocus}
-          onChange={(e) => setSelectionFollowsFocus(e.target.checked)}
+          onChange={(event) => setSelectionFollowsFocus(event.target.checked)}
         />{' '}
         Selection follows focus
       </label>
diff --git a/docs/src/modules/components/DemoSandbox.js b/docs/src/modules/components/DemoSandbox.js
index 70db3caf83f11d..c7ad82823d8182 100644
--- a/docs/src/modules/components/DemoSandbox.js
+++ b/docs/src/modules/components/DemoSandbox.js
@@ -172,7 +172,7 @@ function getTheme(outerTheme, injectTheme) {
   if (injectTheme && Object.prototype.toString.call(injectTheme) === '[object Object]') {
     try {
       return deepmerge(resultTheme, injectTheme);
-    } catch (e) {
+    } catch {
       return resultTheme;
     }
   }
diff --git a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
index d018e396525450..9ac15d20e9f83c 100644
--- a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
+++ b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts
@@ -421,7 +421,7 @@ const extractInfoFromType = async (
     result = Object.values(properties)
       .filter((property) => !property.tags.ignore)
       .sort((a, b) => a.name.localeCompare(b.name));
-  } catch (e) {
+  } catch {
     console.error(`No declaration for ${typeName}`);
   }
 
diff --git a/packages/mui-base/src/Badge/Badge.spec.tsx b/packages/mui-base/src/Badge/Badge.spec.tsx
index 269feae43aeb4c..f232a1dd04c043 100644
--- a/packages/mui-base/src/Badge/Badge.spec.tsx
+++ b/packages/mui-base/src/Badge/Badge.spec.tsx
@@ -61,7 +61,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Badge<'button'>
@@ -71,9 +73,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onClick={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onClick={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
 
diff --git a/packages/mui-base/src/Button/Button.spec.tsx b/packages/mui-base/src/Button/Button.spec.tsx
index a9122462f4108c..9d1af14518b780 100644
--- a/packages/mui-base/src/Button/Button.spec.tsx
+++ b/packages/mui-base/src/Button/Button.spec.tsx
@@ -39,8 +39,8 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onClick={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
+        onClick={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
         }}
         type="submit"
       />
@@ -60,7 +60,9 @@ const polymorphicComponentTest = () => {
       <Button<'svg'> viewBox="" />
 
       <Button
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Button<'div'>
@@ -68,8 +70,8 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLDivElement | null, typeof elem>(elem);
         }}
-        onClick={(e) => {
-          expectType<React.MouseEvent<HTMLDivElement, MouseEvent>, typeof e>(e);
+        onClick={(event) => {
+          expectType<React.MouseEvent<HTMLDivElement, MouseEvent>, typeof event>(event);
         }}
       />
     </div>
diff --git a/packages/mui-base/src/FormControl/FormControl.spec.tsx b/packages/mui-base/src/FormControl/FormControl.spec.tsx
index 457e0179b003c5..67c8c4b7b17350 100644
--- a/packages/mui-base/src/FormControl/FormControl.spec.tsx
+++ b/packages/mui-base/src/FormControl/FormControl.spec.tsx
@@ -41,7 +41,9 @@ function FormControlTest() {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <FormControl<'button'>
@@ -51,9 +53,9 @@ function FormControlTest() {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onClick={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onClick={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/Input/Input.spec.tsx b/packages/mui-base/src/Input/Input.spec.tsx
index 13b544ebd1f93d..d62ba276b762a0 100644
--- a/packages/mui-base/src/Input/Input.spec.tsx
+++ b/packages/mui-base/src/Input/Input.spec.tsx
@@ -56,7 +56,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Input<'button'>
@@ -66,9 +68,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/Input/Input.test.tsx b/packages/mui-base/src/Input/Input.test.tsx
index bf1c61209f31ff..c9b18bf518a03c 100644
--- a/packages/mui-base/src/Input/Input.test.tsx
+++ b/packages/mui-base/src/Input/Input.test.tsx
@@ -147,8 +147,8 @@ describe('<Input />', () => {
       ) {
         const { onChange, ownerState, ...other } = props;
 
-        const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-          onChange(e.target.value, OUTPUT_VALUE);
+        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+          onChange(event.target.value, OUTPUT_VALUE);
         };
 
         return <input ref={ref} onChange={handleChange} {...other} />;
diff --git a/packages/mui-base/src/Menu/Menu.spec.tsx b/packages/mui-base/src/Menu/Menu.spec.tsx
index ef6f55be54f3d0..11ec28ce650a65 100644
--- a/packages/mui-base/src/Menu/Menu.spec.tsx
+++ b/packages/mui-base/src/Menu/Menu.spec.tsx
@@ -39,7 +39,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Menu<'button'>
@@ -49,9 +51,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/MenuItem/MenuItem.spec.tsx b/packages/mui-base/src/MenuItem/MenuItem.spec.tsx
index b1a4239ae72423..bbad55a47cdfbc 100644
--- a/packages/mui-base/src/MenuItem/MenuItem.spec.tsx
+++ b/packages/mui-base/src/MenuItem/MenuItem.spec.tsx
@@ -39,7 +39,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <MenuItem<'button'>
@@ -49,9 +51,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/Modal/Modal.spec.tsx b/packages/mui-base/src/Modal/Modal.spec.tsx
index 33720d33d71e0a..6982eec4f484bc 100644
--- a/packages/mui-base/src/Modal/Modal.spec.tsx
+++ b/packages/mui-base/src/Modal/Modal.spec.tsx
@@ -64,7 +64,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
         open
       >
         <div />
@@ -77,9 +79,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
         open
       >
diff --git a/packages/mui-base/src/Modal/Modal.tsx b/packages/mui-base/src/Modal/Modal.tsx
index 980d90b81b459e..1f17c71ace80db 100644
--- a/packages/mui-base/src/Modal/Modal.tsx
+++ b/packages/mui-base/src/Modal/Modal.tsx
@@ -138,12 +138,12 @@ const Modal = React.forwardRef(function Modal<RootComponentType extends React.El
     getSlotProps: (otherHandlers: EventHandlers) => {
       return getBackdropProps({
         ...otherHandlers,
-        onClick: (e: React.MouseEvent) => {
+        onClick: (event: React.MouseEvent) => {
           if (onBackdropClick) {
-            onBackdropClick(e);
+            onBackdropClick(event);
           }
           if (otherHandlers?.onClick) {
-            otherHandlers.onClick(e);
+            otherHandlers.onClick(event);
           }
         },
       });
diff --git a/packages/mui-base/src/Option/Option.spec.tsx b/packages/mui-base/src/Option/Option.spec.tsx
index a4dc7abcecac5b..12e9c4fc271f16 100644
--- a/packages/mui-base/src/Option/Option.spec.tsx
+++ b/packages/mui-base/src/Option/Option.spec.tsx
@@ -53,7 +53,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Option<number, 'button'>
@@ -64,9 +66,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/OptionGroup/OptionGroup.spec.tsx b/packages/mui-base/src/OptionGroup/OptionGroup.spec.tsx
index 19c90d87c9b2e0..ddc4d0ca2640e4 100644
--- a/packages/mui-base/src/OptionGroup/OptionGroup.spec.tsx
+++ b/packages/mui-base/src/OptionGroup/OptionGroup.spec.tsx
@@ -66,7 +66,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <OptionGroup<'button'>
@@ -76,9 +78,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/Popper/Popper.spec.tsx b/packages/mui-base/src/Popper/Popper.spec.tsx
index 23f51a78c53ae1..fc7af685fefc3b 100644
--- a/packages/mui-base/src/Popper/Popper.spec.tsx
+++ b/packages/mui-base/src/Popper/Popper.spec.tsx
@@ -40,7 +40,9 @@ const polymorphicComponentTest = () => {
       <Popper<'button'>
         open
         slots={{ root: 'button' }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Popper<'button'>
@@ -49,9 +51,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/Select/Select.spec.tsx b/packages/mui-base/src/Select/Select.spec.tsx
index 6ba2b33a19bcdd..76ef26936a2cc6 100644
--- a/packages/mui-base/src/Select/Select.spec.tsx
+++ b/packages/mui-base/src/Select/Select.spec.tsx
@@ -89,7 +89,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Select<string, false, 'button'>
@@ -99,9 +101,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/Slider/Slider.spec.tsx b/packages/mui-base/src/Slider/Slider.spec.tsx
index 231046a2d293f3..27e6e1c2392720 100644
--- a/packages/mui-base/src/Slider/Slider.spec.tsx
+++ b/packages/mui-base/src/Slider/Slider.spec.tsx
@@ -118,7 +118,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Slider<'button'>
@@ -128,9 +130,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/Switch/Switch.spec.tsx b/packages/mui-base/src/Switch/Switch.spec.tsx
index 90bc5f0ccc505d..8fc5557ed33b8c 100644
--- a/packages/mui-base/src/Switch/Switch.spec.tsx
+++ b/packages/mui-base/src/Switch/Switch.spec.tsx
@@ -78,7 +78,9 @@ const polymorphicComponentTest = () => {
         slots={{
           root: 'button',
         }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Switch<'button'>
@@ -88,9 +90,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/Tab/Tab.spec.tsx b/packages/mui-base/src/Tab/Tab.spec.tsx
index 47a9f6c0983912..84837f2d7e34b5 100644
--- a/packages/mui-base/src/Tab/Tab.spec.tsx
+++ b/packages/mui-base/src/Tab/Tab.spec.tsx
@@ -34,7 +34,9 @@ const polymorphicComponentTest = () => {
       <Tab
         value={0}
         slots={{ root: 'button' }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Tab<'button'>
@@ -43,9 +45,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/TabPanel/TabPanel.spec.tsx b/packages/mui-base/src/TabPanel/TabPanel.spec.tsx
index 69246f4c06810b..772c8c8d8a9be4 100644
--- a/packages/mui-base/src/TabPanel/TabPanel.spec.tsx
+++ b/packages/mui-base/src/TabPanel/TabPanel.spec.tsx
@@ -34,7 +34,9 @@ const polymorphicComponentTest = () => {
       <TabPanel<'button'>
         value={1}
         slots={{ root: 'button' }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <TabPanel<'button'>
@@ -43,9 +45,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/TablePagination/TablePagination.spec.tsx b/packages/mui-base/src/TablePagination/TablePagination.spec.tsx
index 7489a9116a1c51..3dfe81b5f80333 100644
--- a/packages/mui-base/src/TablePagination/TablePagination.spec.tsx
+++ b/packages/mui-base/src/TablePagination/TablePagination.spec.tsx
@@ -115,7 +115,9 @@ const polymorphicComponentTest = () => {
       <TablePagination<'button'>
         {...requiredProps}
         slots={{ root: 'button' }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <TablePagination<'button'>
@@ -124,9 +126,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/TablePagination/TablePaginationActions.spec.tsx b/packages/mui-base/src/TablePagination/TablePaginationActions.spec.tsx
index a40625dfa54846..4ddbc8d393b171 100644
--- a/packages/mui-base/src/TablePagination/TablePaginationActions.spec.tsx
+++ b/packages/mui-base/src/TablePagination/TablePaginationActions.spec.tsx
@@ -73,7 +73,9 @@ const polymorphicComponentTest = () => {
       <TablePaginationActions
         {...requiredProps}
         slots={{ root: 'button' }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <TablePaginationActions<'button'>
@@ -82,9 +84,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/Tabs/Tabs.spec.tsx b/packages/mui-base/src/Tabs/Tabs.spec.tsx
index 613bb84bfdd123..abe3d792fe564a 100644
--- a/packages/mui-base/src/Tabs/Tabs.spec.tsx
+++ b/packages/mui-base/src/Tabs/Tabs.spec.tsx
@@ -32,7 +32,9 @@ const polymorphicComponentTest = () => {
 
       <Tabs<'button'>
         slots={{ root: 'button' }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <Tabs<'button'>
@@ -40,9 +42,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-base/src/TabsList/TabsList.spec.tsx b/packages/mui-base/src/TabsList/TabsList.spec.tsx
index b43a86df5010a2..23d5e486cba87e 100644
--- a/packages/mui-base/src/TabsList/TabsList.spec.tsx
+++ b/packages/mui-base/src/TabsList/TabsList.spec.tsx
@@ -32,7 +32,9 @@ const polymorphicComponentTest = () => {
 
       <TabsList<'button'>
         slots={{ root: 'button' }}
-        onClick={(e: React.MouseEvent<HTMLButtonElement>) => e.currentTarget.checkValidity()}
+        onClick={(event: React.MouseEvent<HTMLButtonElement>) =>
+          event.currentTarget.checkValidity()
+        }
       />
 
       <TabsList<'button'>
@@ -40,9 +42,9 @@ const polymorphicComponentTest = () => {
         ref={(elem) => {
           expectType<HTMLButtonElement | null, typeof elem>(elem);
         }}
-        onMouseDown={(e) => {
-          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-          e.currentTarget.checkValidity();
+        onMouseDown={(event) => {
+          expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+          event.currentTarget.checkValidity();
         }}
       />
     </div>
diff --git a/packages/mui-joy/src/Select/Select.spec.tsx b/packages/mui-joy/src/Select/Select.spec.tsx
index bc3db85409e56d..617c5e67e107b4 100644
--- a/packages/mui-joy/src/Select/Select.spec.tsx
+++ b/packages/mui-joy/src/Select/Select.spec.tsx
@@ -5,23 +5,29 @@ import Select, { SelectOwnerState } from '@mui/joy/Select';
 <Select defaultListboxOpen />;
 <Select
   value=""
-  onChange={(e, val) => {
-    expectType<React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null, typeof e>(e);
+  onChange={(event, val) => {
+    expectType<React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null, typeof event>(
+      event,
+    );
     expectType<string | null, typeof val>(val);
   }}
 />;
 <Select
   value={2}
-  onChange={(e, val) => {
-    expectType<React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null, typeof e>(e);
+  onChange={(event, val) => {
+    expectType<React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null, typeof event>(
+      event,
+    );
     expectType<number | null, typeof val>(val);
   }}
 />;
 // any object
 <Select
   value={{ name: '' }}
-  onChange={(e, val) => {
-    expectType<React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null, typeof e>(e);
+  onChange={(event, val) => {
+    expectType<React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null, typeof event>(
+      event,
+    );
     expectType<{ name: string } | null, typeof val>(val);
   }}
 />;
@@ -33,7 +39,7 @@ interface Value {
 <Select<Value>
   // @ts-expect-error the provided value type does not match the Value
   value={{ name: '' }}
-  onChange={(e, val) => {
+  onChange={(event, val) => {
     expectType<Value | null, typeof val>(val);
   }}
 />;
@@ -144,12 +150,12 @@ interface Value {
 />;
 
 const handleChange = (
-  e: React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null,
+  event: React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null,
   val: number | null,
 ) => {};
 
 const handleMultiChange = (
-  e: React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null,
+  event: React.MouseEvent | React.KeyboardEvent | React.FocusEvent | null,
   val: number[] | null,
 ) => {};
 
diff --git a/packages/mui-material/src/Autocomplete/Autocomplete.spec.tsx b/packages/mui-material/src/Autocomplete/Autocomplete.spec.tsx
index 9408a95a78f3af..e40cc9275cbba8 100644
--- a/packages/mui-material/src/Autocomplete/Autocomplete.spec.tsx
+++ b/packages/mui-material/src/Autocomplete/Autocomplete.spec.tsx
@@ -162,12 +162,12 @@ function CustomListboxRef() {
 <Autocomplete
   renderInput={(params) => <TextField {...params} />}
   options={['one', 'two', 'three']}
-  onKeyDown={(e) => {
+  onKeyDown={(event) => {
     expectType<
       React.KeyboardEvent<HTMLDivElement> & {
         defaultMuiPrevented?: boolean;
       },
-      typeof e
-    >(e);
+      typeof event
+    >(event);
   }}
 />;
diff --git a/packages/mui-material/src/Button/Button.spec.tsx b/packages/mui-material/src/Button/Button.spec.tsx
index 47c8b063f455dd..832d79dd0599cf 100644
--- a/packages/mui-material/src/Button/Button.spec.tsx
+++ b/packages/mui-material/src/Button/Button.spec.tsx
@@ -83,9 +83,9 @@ const buttonTest = () => (
       ref={(elem) => {
         expectType<HTMLButtonElement | null, typeof elem>(elem);
       }}
-      onClick={(e) => {
-        expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof e>(e);
-        log(e);
+      onClick={(event) => {
+        expectType<React.MouseEvent<HTMLButtonElement, MouseEvent>, typeof event>(event);
+        log(event);
       }}
     >
       Button
@@ -96,9 +96,9 @@ const buttonTest = () => (
       ref={(elem) => {
         expectType<HTMLAnchorElement | null, typeof elem>(elem);
       }}
-      onClick={(e) => {
-        expectType<React.MouseEvent<HTMLAnchorElement, MouseEvent>, typeof e>(e);
-        log(e);
+      onClick={(event) => {
+        expectType<React.MouseEvent<HTMLAnchorElement, MouseEvent>, typeof event>(event);
+        log(event);
       }}
     >
       Link
@@ -109,9 +109,9 @@ const buttonTest = () => (
       ref={(elem) => {
         expectType<HTMLDivElement | null, typeof elem>(elem);
       }}
-      onClick={(e) => {
-        expectType<React.MouseEvent<HTMLDivElement, MouseEvent>, typeof e>(e);
-        log(e);
+      onClick={(event) => {
+        expectType<React.MouseEvent<HTMLDivElement, MouseEvent>, typeof event>(event);
+        log(event);
       }}
     >
       Div
diff --git a/packages/mui-material/src/InputBase/InputBase.test.js b/packages/mui-material/src/InputBase/InputBase.test.js
index d7289dfe0ba2c6..404c5b089b0b25 100644
--- a/packages/mui-material/src/InputBase/InputBase.test.js
+++ b/packages/mui-material/src/InputBase/InputBase.test.js
@@ -593,8 +593,8 @@ describe('<InputBase />', () => {
       const MyInputBase = React.forwardRef(function MyInputBase(props, ref) {
         const { onChange, ...other } = props;
 
-        const handleChange = (e) => {
-          onChange(e.target.value, OUTPUT_VALUE);
+        const handleChange = (event) => {
+          onChange(event.target.value, OUTPUT_VALUE);
         };
 
         return <input ref={ref} onChange={handleChange} {...other} />;
diff --git a/packages/mui-material/src/Modal/Modal.js b/packages/mui-material/src/Modal/Modal.js
index bbb78393680047..7e121bf29e7b5e 100644
--- a/packages/mui-material/src/Modal/Modal.js
+++ b/packages/mui-material/src/Modal/Modal.js
@@ -191,12 +191,12 @@ const Modal = React.forwardRef(function Modal(inProps, ref) {
     getSlotProps: (otherHandlers) => {
       return getBackdropProps({
         ...otherHandlers,
-        onClick: (e) => {
+        onClick: (event) => {
           if (onBackdropClick) {
-            onBackdropClick(e);
+            onBackdropClick(event);
           }
           if (otherHandlers?.onClick) {
-            otherHandlers.onClick(e);
+            otherHandlers.onClick(event);
           }
         },
       });
diff --git a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.d.ts b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.d.ts
index fea68f162183d7..e4ddbbbf5cf6e4 100644
--- a/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.d.ts
+++ b/packages/mui-material/src/SwipeableDrawer/SwipeableDrawer.d.ts
@@ -16,7 +16,7 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
    */
   allowSwipeInChildren?:
     | boolean
-    | ((e: TouchEvent, swipeArea: HTMLDivElement, paper: HTMLDivElement) => boolean);
+    | ((event: TouchEvent, swipeArea: HTMLDivElement, paper: HTMLDivElement) => boolean);
   /**
    * Disable the backdrop transition.
    * This can improve the FPS on low-end devices.
diff --git a/packages/mui-material/src/styles/createTheme.test.js b/packages/mui-material/src/styles/createTheme.test.js
index f40f342ff2c0fb..d30d691418e0c0 100644
--- a/packages/mui-material/src/styles/createTheme.test.js
+++ b/packages/mui-material/src/styles/createTheme.test.js
@@ -516,8 +516,8 @@ describe('createTheme', () => {
           primary: '#EF14E2',
         },
       });
-    } catch (e) {
-      expect(e.message).to.equal(
+    } catch (error) {
+      expect(error.message).to.equal(
         'MUI: `vars` is a private field used for CSS variables support.\n' +
           'Please use another name.',
       );
diff --git a/packages/mui-system/src/cssVars/useCurrentColorScheme.ts b/packages/mui-system/src/cssVars/useCurrentColorScheme.ts
index 53f5307dc9a705..a318b1119d6a3b 100644
--- a/packages/mui-system/src/cssVars/useCurrentColorScheme.ts
+++ b/packages/mui-system/src/cssVars/useCurrentColorScheme.ts
@@ -106,7 +106,7 @@ function initializeValue(key: string, defaultValue: string) {
       // the first time that user enters the site.
       localStorage.setItem(key, defaultValue);
     }
-  } catch (e) {
+  } catch {
     // Unsupported
   }
   return value || defaultValue;
@@ -177,7 +177,7 @@ export default function useCurrentColorScheme<SupportedColorScheme extends strin
         const newMode = mode ?? defaultMode;
         try {
           localStorage.setItem(modeStorageKey, newMode);
-        } catch (e) {
+        } catch {
           // Unsupported
         }
         return {
@@ -197,7 +197,7 @@ export default function useCurrentColorScheme<SupportedColorScheme extends strin
           try {
             localStorage.setItem(`${colorSchemeStorageKey}-light`, defaultLightColorScheme);
             localStorage.setItem(`${colorSchemeStorageKey}-dark`, defaultDarkColorScheme);
-          } catch (e) {
+          } catch {
             // Unsupported
           }
           return {
@@ -215,7 +215,7 @@ export default function useCurrentColorScheme<SupportedColorScheme extends strin
             processState(currentState, (mode) => {
               try {
                 localStorage.setItem(`${colorSchemeStorageKey}-${mode}`, value);
-              } catch (e) {
+              } catch {
                 // Unsupported
               }
               if (mode === 'light') {
diff --git a/test/integration/material-ui/components.spec.tsx b/test/integration/material-ui/components.spec.tsx
index f392fd737b1b22..acd340e2353d7e 100644
--- a/test/integration/material-ui/components.spec.tsx
+++ b/test/integration/material-ui/components.spec.tsx
@@ -170,7 +170,7 @@ function BottomNavigationTest() {
   const value = 123;
 
   return (
-    <BottomNavigation value={value} onChange={(e) => log(e)} showLabels>
+    <BottomNavigation value={value} onChange={(event) => log(event)} showLabels>
       <BottomNavigationAction label="Recents" icon={<FakeIcon />} />
       <BottomNavigationAction label="Favorites" />
       <BottomNavigationAction label={<span>Nearby</span>} icon={<FakeIcon />} />
@@ -297,8 +297,12 @@ function ChipsTest() {
   return (
     <div>
       <Chip label="Basic Chip" />
-      <Chip avatar={<Avatar>M</Avatar>} label="Clickable Chip" onClick={(e) => log(e)} />
-      <Chip avatar={<Avatar src="image.bmp" />} label="Deletable Chip" onDelete={(e) => log(e)} />
+      <Chip avatar={<Avatar>M</Avatar>} label="Clickable Chip" onClick={(event) => log(event)} />
+      <Chip
+        avatar={<Avatar src="image.bmp" />}
+        label="Deletable Chip"
+        onDelete={(event) => log(event)}
+      />
       <Chip
         avatar={
           <Avatar>
@@ -306,8 +310,8 @@ function ChipsTest() {
           </Avatar>
         }
         label="Clickable Deletable Chip"
-        onClick={(e) => log(e)}
-        onDelete={(e) => log(e)}
+        onClick={(event) => log(event)}
+        onDelete={(event) => log(event)}
       />
     </div>
   );
@@ -321,7 +325,7 @@ function DialogTest() {
       <div>
         <List>
           {emails.map((email) => (
-            <ListItemButton onClick={(e) => log(e)} key={email}>
+            <ListItemButton onClick={(event) => log(event)} key={email}>
               <ListItemAvatar>
                 <Avatar>
                   <FakeIcon />
@@ -334,9 +338,9 @@ function DialogTest() {
             ref={(elem) => {
               expectType<HTMLLIElement | null, typeof elem>(elem);
             }}
-            onClick={(e) => {
-              expectType<React.MouseEvent<HTMLLIElement, MouseEvent>, typeof e>(e);
-              log(e);
+            onClick={(event) => {
+              expectType<React.MouseEvent<HTMLLIElement, MouseEvent>, typeof event>(event);
+              log(event);
             }}
           >
             <ListItemIcon>
@@ -348,9 +352,9 @@ function DialogTest() {
             ref={(elem) => {
               expectType<HTMLDivElement | null, typeof elem>(elem);
             }}
-            onClick={(e) => {
-              expectType<React.MouseEvent<HTMLDivElement, MouseEvent>, typeof e>(e);
-              log(e);
+            onClick={(event) => {
+              expectType<React.MouseEvent<HTMLDivElement, MouseEvent>, typeof event>(event);
+              log(event);
             }}
           >
             <ListItemAvatar>
@@ -365,9 +369,9 @@ function DialogTest() {
             ref={(elem) => {
               expectType<HTMLAnchorElement | null, typeof elem>(elem);
             }}
-            onClick={(e) => {
-              expectType<React.MouseEvent<HTMLAnchorElement, MouseEvent>, typeof e>(e);
-              log(e);
+            onClick={(event) => {
+              expectType<React.MouseEvent<HTMLAnchorElement, MouseEvent>, typeof event>(event);
+              log(event);
             }}
           >
             <ListItemIcon>
@@ -414,7 +418,7 @@ function DrawerTest() {
         variant="persistent"
         open={open.left}
         onClose={(event) => log(event)}
-        onClick={(e) => log(e)}
+        onClick={(event) => log(event)}
       >
         List
       </Drawer>
@@ -423,7 +427,7 @@ function DrawerTest() {
         anchor="top"
         open={open.top}
         onClose={(event) => log(event)}
-        onClick={(e) => log(e)}
+        onClick={(event) => log(event)}
         ModalProps={{
           hideBackdrop: true,
         }}
@@ -435,7 +439,7 @@ function DrawerTest() {
         variant="temporary"
         open={open.bottom}
         onClose={(event) => log(event)}
-        onClick={(e) => log(e)}
+        onClick={(event) => log(event)}
       >
         List
       </Drawer>
@@ -444,7 +448,7 @@ function DrawerTest() {
         anchor="right"
         open={open.right}
         onClose={(event) => log(event)}
-        onClick={(e) => log(e)}
+        onClick={(event) => log(event)}
       >
         List
       </Drawer>
@@ -464,8 +468,8 @@ function SwipeableDrawerTest() {
       <SwipeableDrawer
         open={open.left}
         onClose={(event) => log(event)}
-        onClick={(e) => log(e)}
-        onOpen={(e) => log(e)}
+        onClick={(event) => log(event)}
+        onOpen={(event) => log(event)}
       >
         List
       </SwipeableDrawer>
@@ -473,8 +477,8 @@ function SwipeableDrawerTest() {
         anchor="top"
         open={open.top}
         onClose={(event) => log(event)}
-        onClick={(e) => log(e)}
-        onOpen={(e) => log(e)}
+        onClick={(event) => log(event)}
+        onOpen={(event) => log(event)}
         ModalProps={{
           hideBackdrop: true,
         }}
@@ -485,8 +489,8 @@ function SwipeableDrawerTest() {
         anchor="bottom"
         open={open.bottom}
         onClose={(event) => log(event)}
-        onClick={(e) => log(e)}
-        onOpen={(e) => log(e)}
+        onClick={(event) => log(event)}
+        onOpen={(event) => log(event)}
       >
         List
       </SwipeableDrawer>
@@ -495,8 +499,8 @@ function SwipeableDrawerTest() {
         anchor="right"
         open={open.right}
         onClose={(event) => log(event)}
-        onClick={(e) => log(e)}
-        onOpen={(e) => log(e)}
+        onClick={(event) => log(event)}
+        onOpen={(event) => log(event)}
       >
         List
       </SwipeableDrawer>
@@ -507,7 +511,7 @@ function SwipeableDrawerTest() {
 function AccordionTest() {
   return (
     <div>
-      <Accordion onChange={(e) => log(e)} expanded disabled>
+      <Accordion onChange={(event) => log(event)} expanded disabled>
         <AccordionSummary />
         <AccordionDetails />
       </Accordion>
@@ -547,8 +551,8 @@ function GridTest() {
 
 function ImageListTest() {
   return (
-    <ImageList rowHeight={160} cols={3} onClick={(e) => log(e)}>
-      <ImageListItem cols={1} rows={4} onClick={(e) => log(e)}>
+    <ImageList rowHeight={160} cols={3} onClick={(event) => log(event)}>
+      <ImageListItem cols={1} rows={4} onClick={(event) => log(event)}>
         <img src="img.png" alt="alt text" />
       </ImageListItem>
       ,
@@ -560,7 +564,7 @@ function ListTest() {
   return (
     <List>
       {[0, 1, 2, 3].map((value) => (
-        <ListItemButton dense selected={false} key={value} onClick={(e) => log(e)}>
+        <ListItemButton dense selected={false} key={value} onClick={(event) => log(event)}>
           <Checkbox checked tabIndex={-1} disableRipple />
           <ListItemText primary={`Line item ${value + 1}`} />
           <ListItemSecondaryAction>
@@ -601,9 +605,9 @@ function MenuTest() {
           ref={(elem) => {
             expectType<HTMLLIElement | null, typeof elem>(elem);
           }}
-          onClick={(e) => {
-            expectType<React.MouseEvent<HTMLLIElement, MouseEvent>, typeof e>(e);
-            log(e);
+          onClick={(event) => {
+            expectType<React.MouseEvent<HTMLLIElement, MouseEvent>, typeof event>(event);
+            log(event);
           }}
         >
           {option}
@@ -617,9 +621,9 @@ function MenuTest() {
         ref={(elem) => {
           expectType<HTMLAnchorElement | null, typeof elem>(elem);
         }}
-        onClick={(e) => {
-          expectType<React.MouseEvent<HTMLAnchorElement, MouseEvent>, typeof e>(e);
-          log(e);
+        onClick={(event) => {
+          expectType<React.MouseEvent<HTMLAnchorElement, MouseEvent>, typeof event>(event);
+          log(event);
         }}
       >
         Link Item
@@ -751,7 +755,7 @@ function SwitchTest() {
 function SnackbarTest() {
   return (
     <div>
-      <Button onClick={(e) => log(e)}>Open simple snackbar</Button>
+      <Button onClick={(event) => log(event)}>Open simple snackbar</Button>
       <Snackbar
         anchorOrigin={{
           vertical: 'bottom',
@@ -768,10 +772,15 @@ function SnackbarTest() {
         }
         message={<span id="message-id">Note archived</span>}
         action={[
-          <Button key="undo" color="secondary" size="small" onClick={(e) => log(e)}>
+          <Button key="undo" color="secondary" size="small" onClick={(event) => log(event)}>
             UNDO
           </Button>,
-          <IconButton key="close" aria-label="close" color="inherit" onClick={(e) => log(e)}>
+          <IconButton
+            key="close"
+            aria-label="close"
+            color="inherit"
+            onClick={(event) => log(event)}
+          >
             <FakeIcon />
           </IconButton>,
         ]}
@@ -906,7 +915,7 @@ function TextFieldTest() {
 
 function SelectTest() {
   return (
-    <Select input={<Input />} value={10} onChange={(e) => log(e.target.value)}>
+    <Select input={<Input />} value={10} onChange={(event) => log(event.target.value)}>
       <MenuItem value="">
         <em>None</em>
       </MenuItem>