diff --git a/package.json b/package.json
index fbe305bc0eb4d3..28f474cdab7a85 100644
--- a/package.json
+++ b/package.json
@@ -150,7 +150,7 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-material-ui": "workspace:^",
-    "eslint-plugin-mocha": "^10.2.0",
+    "eslint-plugin-mocha": "^10.3.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "fast-glob": "^3.3.2",
diff --git a/packages/mui-base/src/useAutocomplete/useAutocomplete.test.js b/packages/mui-base/src/useAutocomplete/useAutocomplete.test.js
index 0386731e59eeb8..264f0ee8f67ce2 100644
--- a/packages/mui-base/src/useAutocomplete/useAutocomplete.test.js
+++ b/packages/mui-base/src/useAutocomplete/useAutocomplete.test.js
@@ -118,6 +118,7 @@ describe('useAutocomplete', () => {
       let filterOptions;
       let getOptionLabel;
       let options;
+
       beforeEach(() => {
         filterOptions = createFilterOptions({ matchFrom: 'any' });
         getOptionLabel = (option) => option.name;
diff --git a/packages/mui-base/src/useInput/useInput.test.tsx b/packages/mui-base/src/useInput/useInput.test.tsx
index a2ff388030c95a..9ece7ed65a20ad 100644
--- a/packages/mui-base/src/useInput/useInput.test.tsx
+++ b/packages/mui-base/src/useInput/useInput.test.tsx
@@ -7,6 +7,7 @@ import { UseInputParameters } from './useInput.types';
 
 describe('useInput', () => {
   const { render } = createRenderer();
+
   describe('params: inputRef', () => {
     it('should be able to attach input ref passed through params', () => {
       const inputRef = React.createRef<HTMLInputElement>();
diff --git a/packages/mui-base/src/useList/listReducer.test.ts b/packages/mui-base/src/useList/listReducer.test.ts
index 873be0f0f7430e..1a60ac1f74c42f 100644
--- a/packages/mui-base/src/useList/listReducer.test.ts
+++ b/packages/mui-base/src/useList/listReducer.test.ts
@@ -948,6 +948,7 @@ describe('listReducer', () => {
 
     describe('using custom item comparer', () => {
       type ItemType = { v: string };
+
       it('keeps the highlighted value if it is present among the new items', () => {
         const state: ListState<ItemType> = {
           highlightedValue: { v: '1' },
diff --git a/packages/mui-base/src/useList/useList.test.tsx b/packages/mui-base/src/useList/useList.test.tsx
index 7e8ffa6f1ce2fb..1c225a474917bb 100644
--- a/packages/mui-base/src/useList/useList.test.tsx
+++ b/packages/mui-base/src/useList/useList.test.tsx
@@ -6,6 +6,7 @@ import { useList } from './useList';
 
 describe('useList', () => {
   const { render } = createRenderer();
+
   describe('preventing default behavior on keyDown', () => {
     ['ArrowUp', 'ArrowDown', 'Home', 'End', 'PageUp', 'PageDown', 'Enter', ' '].forEach((key) =>
       it(`prevents default behavior when ${key} is pressed in activeDescendant focus management mode`, () => {
diff --git a/packages/mui-base/src/useMenu/useMenu.test.js b/packages/mui-base/src/useMenu/useMenu.test.js
index d3973de7d06f3f..bca1913869d9a2 100644
--- a/packages/mui-base/src/useMenu/useMenu.test.js
+++ b/packages/mui-base/src/useMenu/useMenu.test.js
@@ -7,6 +7,7 @@ import { useMenu } from './useMenu';
 
 describe('useMenu', () => {
   const { render } = createRenderer();
+
   describe('getListboxProps', () => {
     it('returns props for root slot', () => {
       function TestMenu() {
diff --git a/packages/mui-base/src/useMenuButton/useMenuButton.test.tsx b/packages/mui-base/src/useMenuButton/useMenuButton.test.tsx
index 9bf81af45f0a93..b58885e739495c 100644
--- a/packages/mui-base/src/useMenuButton/useMenuButton.test.tsx
+++ b/packages/mui-base/src/useMenuButton/useMenuButton.test.tsx
@@ -16,6 +16,7 @@ const testContext: DropdownContextValue = {
 
 describe('useMenuButton', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       function TestMenuButton() {
diff --git a/packages/mui-base/src/useMenuItem/useMenuItem.test.tsx b/packages/mui-base/src/useMenuItem/useMenuItem.test.tsx
index a599bfb52ae110..81b8e9435b303e 100644
--- a/packages/mui-base/src/useMenuItem/useMenuItem.test.tsx
+++ b/packages/mui-base/src/useMenuItem/useMenuItem.test.tsx
@@ -7,6 +7,7 @@ import { useMenuItem } from './useMenuItem';
 
 describe('useMenuItem', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       function TestMenuItem() {
diff --git a/packages/mui-base/src/useSlider/useSlider.test.js b/packages/mui-base/src/useSlider/useSlider.test.js
index b717f0e934b57e..c7b964335e184e 100644
--- a/packages/mui-base/src/useSlider/useSlider.test.js
+++ b/packages/mui-base/src/useSlider/useSlider.test.js
@@ -6,6 +6,7 @@ import { useSlider } from './useSlider';
 
 describe('useSlider', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('forwards external props including event handlers', () => {
       const rootRef = React.createRef();
diff --git a/packages/mui-base/src/useTab/useTab.test.tsx b/packages/mui-base/src/useTab/useTab.test.tsx
index c20252849006af..047c739c137628 100644
--- a/packages/mui-base/src/useTab/useTab.test.tsx
+++ b/packages/mui-base/src/useTab/useTab.test.tsx
@@ -8,6 +8,7 @@ import { useTab } from './useTab';
 
 describe('useTab', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       function TestTab() {
diff --git a/packages/mui-base/src/useTabPanel/useTabPanel.test.js b/packages/mui-base/src/useTabPanel/useTabPanel.test.js
index e94b8bd283bbb9..c516c2ce9b860d 100644
--- a/packages/mui-base/src/useTabPanel/useTabPanel.test.js
+++ b/packages/mui-base/src/useTabPanel/useTabPanel.test.js
@@ -9,6 +9,7 @@ import { useTabPanel } from './useTabPanel';
 
 describe('useTabPanel', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       const rootRef = React.createRef();
diff --git a/packages/mui-base/src/useTabsList/useTabsList.test.tsx b/packages/mui-base/src/useTabsList/useTabsList.test.tsx
index dc9d4630aff8cc..02fe3b020c6b1b 100644
--- a/packages/mui-base/src/useTabsList/useTabsList.test.tsx
+++ b/packages/mui-base/src/useTabsList/useTabsList.test.tsx
@@ -7,6 +7,7 @@ import { useTabsList } from './useTabsList';
 
 describe('useTabsList', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       function TestTabsList() {
diff --git a/packages/mui-base/src/utils/prepareForSlot.test.tsx b/packages/mui-base/src/utils/prepareForSlot.test.tsx
index 7b26144b2e6e79..fd6e36368502bc 100644
--- a/packages/mui-base/src/utils/prepareForSlot.test.tsx
+++ b/packages/mui-base/src/utils/prepareForSlot.test.tsx
@@ -6,6 +6,7 @@ import { prepareForSlot } from './prepareForSlot';
 
 describe('prepareForSlot', () => {
   const { render } = createRenderer();
+
   it('should not warn about ownerState', () => {
     const ThirdPartyComponent = React.forwardRef<HTMLButtonElement>((props, ref) => {
       // @ts-ignore just double checking that it is not defined
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test.js
index 932ff64687c877..2cbbd5fac8c9ba 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test.js
@@ -24,6 +24,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-styled.test/Anonymous.expected.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       describe('first', () => {
         it('transforms as needed', () => {
           const actual = transform(
@@ -534,6 +535,7 @@ describe('@mui/codemod', () => {
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
     });
+
     describe('bugs - #28317 export class declaration', () => {
       it('transforms as needed', () => {
         const actual = transform(
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test.js b/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test.js
index 12a4ce281419fd..b0c6848a4b5fae 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test.js
@@ -25,6 +25,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-material-ui-core-styles.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('should be idempotent', () => {
         const actual = transform(
           {
@@ -40,6 +41,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-material-ui-core-styles.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms @material-ui/core makeStyles to use tss-react', () => {
         const actual = transform(
           {
@@ -53,6 +55,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-material-ui-core.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('adds todo comments for scenarios that are not supported', () => {
         const actual = transform(
           {
@@ -66,6 +69,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-todo-comments.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms makeStyles with style rules returned by function to use tss-react', () => {
         const actual = transform(
           {
@@ -79,6 +83,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-mixins-pattern.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms @mui/styles makeStyles to use tss-react', () => {
         const actual = transform(
           {
@@ -92,6 +97,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-mui-styles.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms @mui/styles/makeStyles to use tss-react', () => {
         const actual = transform(
           {
@@ -105,6 +111,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-mui-styles-makeStyles.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms typescript makeStyles with nested selectors to use tss-react', () => {
         const actual = transform(
           {
@@ -118,6 +125,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-typescript.tsx');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms typescript makeStyles example in docs to use tss-react', () => {
         const actual = transform(
           {
@@ -131,6 +139,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-typescript-docs-example.tsx');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms typescript makeStyles advanced example in docs with params to use tss-react', () => {
         const actual = transform(
           {
@@ -148,6 +157,7 @@ describe('@mui/codemod', () => {
         );
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms withStyles to use tss-react', () => {
         const actual = transform(
           {
diff --git a/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx b/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx
index 09b874caa4c560..44b0ce311cb53f 100644
--- a/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx
+++ b/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx
@@ -1323,6 +1323,7 @@ describe('Joy <Autocomplete />', () => {
       checkHighlightIs(autocompleteListbox, 'six');
       expect(autocompleteListbox.scrollTop).to.greaterThan(0);
     });
+
     it('should keep focus on selected option and not reset to top option when options updated', () => {
       const { setProps } = render(<Autocomplete open options={['one', 'two']} autoFocus />);
       const textbox = screen.getByRole('combobox');
diff --git a/packages/mui-joy/src/Button/Button.test.tsx b/packages/mui-joy/src/Button/Button.test.tsx
index 57bf78208efa38..590e7a7af67666 100644
--- a/packages/mui-joy/src/Button/Button.test.tsx
+++ b/packages/mui-joy/src/Button/Button.test.tsx
@@ -112,12 +112,14 @@ describe('Joy <Button />', () => {
       const button = getByRole('button');
       expect(button).to.have.property('disabled', true);
     });
+
     it('should disable button when loading is true and disabled is false', () => {
       const { getByRole } = render(<Button loading disabled={false} />);
 
       const button = getByRole('button');
       expect(button).to.have.property('disabled', true);
     });
+
     it('should disable button when loading is false and disabled is true', () => {
       const { getByRole } = render(<Button loading={false} disabled />);
 
diff --git a/packages/mui-joy/src/Checkbox/Checkbox.test.tsx b/packages/mui-joy/src/Checkbox/Checkbox.test.tsx
index 3dfb0bf6e7922d..8b76c36fbb533a 100644
--- a/packages/mui-joy/src/Checkbox/Checkbox.test.tsx
+++ b/packages/mui-joy/src/Checkbox/Checkbox.test.tsx
@@ -142,6 +142,7 @@ describe('<Checkbox />', () => {
       const { getByTestId } = render(<Checkbox indeterminate checked />);
       expect(getByTestId('HorizontalRuleIcon')).not.to.equal(null);
     });
+
     it('should render checked icon', () => {
       const { getByTestId } = render(<Checkbox checked />);
       expect(getByTestId('CheckIcon')).not.to.equal(null);
@@ -151,6 +152,7 @@ describe('<Checkbox />', () => {
       const { getByTestId } = render(<Checkbox uncheckedIcon={<CloseIcon />} />);
       expect(getByTestId('CloseIcon')).not.to.equal(null);
     });
+
     it('should not render icon', () => {
       const { queryByTestId } = render(
         <Checkbox disableIcon checked indeterminate uncheckedIcon={<CloseIcon />} />,
diff --git a/packages/mui-joy/src/ChipDelete/ChipDelete.test.tsx b/packages/mui-joy/src/ChipDelete/ChipDelete.test.tsx
index 2e52ad0dce2e40..a36b316f97e1e8 100644
--- a/packages/mui-joy/src/ChipDelete/ChipDelete.test.tsx
+++ b/packages/mui-joy/src/ChipDelete/ChipDelete.test.tsx
@@ -74,6 +74,7 @@ describe('<ChipDelete />', () => {
       expect(getByRole('button')).to.have.class(classes.colorNeutral);
     });
   });
+
   describe('Chip onDelete', () => {
     it('should call onDelete function when backspace, enter or delete is pressed', () => {
       const handleDelete = spy();
diff --git a/packages/mui-joy/src/List/List.test.tsx b/packages/mui-joy/src/List/List.test.tsx
index e3c3d81246da7c..252995e53feb8d 100644
--- a/packages/mui-joy/src/List/List.test.tsx
+++ b/packages/mui-joy/src/List/List.test.tsx
@@ -102,6 +102,7 @@ describe('Joy <List />', () => {
   describe('Menu - integration', () => {
     const element = document.createElement('div');
     element.setAttribute('aria-controls', 'test');
+
     it('should have role="group" inside Menu', () => {
       render(
         <Menu open anchorEl={() => element}>
diff --git a/packages/mui-joy/src/colorInversion/colorInversionUtils.test.tsx b/packages/mui-joy/src/colorInversion/colorInversionUtils.test.tsx
index b96b8d12b858a1..151e901ff7d304 100644
--- a/packages/mui-joy/src/colorInversion/colorInversionUtils.test.tsx
+++ b/packages/mui-joy/src/colorInversion/colorInversionUtils.test.tsx
@@ -7,6 +7,7 @@ import { applySoftInversion, applySolidInversion } from '@mui/joy/colorInversion
 
 describe('colorInversionUtil', () => {
   const { render } = createRenderer();
+
   it('should not throw error using sx prop', () => {
     expect(() =>
       render(<Box sx={[applySoftInversion('primary'), applySolidInversion('primary')]} />),
diff --git a/packages/mui-joy/src/styles/CssVarsProvider.test.tsx b/packages/mui-joy/src/styles/CssVarsProvider.test.tsx
index 16791f6cc7784c..7a71401aaa3e7d 100644
--- a/packages/mui-joy/src/styles/CssVarsProvider.test.tsx
+++ b/packages/mui-joy/src/styles/CssVarsProvider.test.tsx
@@ -7,6 +7,7 @@ describe('[Joy] CssVarsProvider', () => {
   let originalMatchmedia: typeof window.matchMedia;
   const { render } = createRenderer();
   const storage: Record<string, string> = {};
+
   beforeEach(() => {
     originalMatchmedia = window.matchMedia;
     // Create mocks of localStorage getItem and setItem functions
@@ -25,6 +26,7 @@ describe('[Joy] CssVarsProvider', () => {
         removeListener: () => {},
       }) as unknown as MediaQueryList;
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
diff --git a/packages/mui-joy/src/styles/ThemeProvider.test.tsx b/packages/mui-joy/src/styles/ThemeProvider.test.tsx
index 584192f0748373..75de20ec715c57 100644
--- a/packages/mui-joy/src/styles/ThemeProvider.test.tsx
+++ b/packages/mui-joy/src/styles/ThemeProvider.test.tsx
@@ -6,6 +6,7 @@ import defaultTheme from './defaultTheme';
 
 describe('[Joy] ThemeProvider', () => {
   const { render } = createRenderer();
+
   it('can render component without ThemeProvider', () => {
     function Text() {
       const theme = useTheme();
diff --git a/packages/mui-joy/src/styles/extendTheme.test.js b/packages/mui-joy/src/styles/extendTheme.test.js
index d6fe75ac3aa5b3..5a5986a8473319 100644
--- a/packages/mui-joy/src/styles/extendTheme.test.js
+++ b/packages/mui-joy/src/styles/extendTheme.test.js
@@ -104,6 +104,7 @@ describe('extendTheme', () => {
 
     let originalMatchmedia;
     const storage = {};
+
     beforeEach(() => {
       originalMatchmedia = window.matchMedia;
       // Create mocks of localStorage getItem and setItem functions
@@ -121,6 +122,7 @@ describe('extendTheme', () => {
         removeListener: () => {},
       });
     });
+
     afterEach(() => {
       window.matchMedia = originalMatchmedia;
     });
diff --git a/packages/mui-joy/src/styles/styled.test.tsx b/packages/mui-joy/src/styles/styled.test.tsx
index 7a555ddaababef..4ddf5a023bdc84 100644
--- a/packages/mui-joy/src/styles/styled.test.tsx
+++ b/packages/mui-joy/src/styles/styled.test.tsx
@@ -8,6 +8,7 @@ const toPixel = (val: string | number | undefined) => (typeof val === 'number' ?
 
 describe('[Joy] styled', () => {
   const { render } = createRenderer();
+
   it('use defaultTheme given no ThemeProvider', function test() {
     if (/jsdom/.test(window.navigator.userAgent)) {
       this.skip();
diff --git a/packages/mui-material-next/src/ButtonBase/ButtonBase.test.tsx b/packages/mui-material-next/src/ButtonBase/ButtonBase.test.tsx
index 14bad4a702f6b9..6d4b178153bee7 100644
--- a/packages/mui-material-next/src/ButtonBase/ButtonBase.test.tsx
+++ b/packages/mui-material-next/src/ButtonBase/ButtonBase.test.tsx
@@ -51,6 +51,7 @@ describe('<ButtonBase />', () => {
         removeListener: () => {},
       }) as unknown as MediaQueryList;
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
diff --git a/packages/mui-material-next/src/ButtonGroup/ButtonGroup.test.tsx b/packages/mui-material-next/src/ButtonGroup/ButtonGroup.test.tsx
index 27c6ae0a268273..448828f269e12b 100644
--- a/packages/mui-material-next/src/ButtonGroup/ButtonGroup.test.tsx
+++ b/packages/mui-material-next/src/ButtonGroup/ButtonGroup.test.tsx
@@ -20,6 +20,7 @@ describe('<ButtonGroup />', () => {
         removeListener: () => {},
       }) as unknown as MediaQueryList;
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
diff --git a/packages/mui-material-next/src/Chip/Chip.test.tsx b/packages/mui-material-next/src/Chip/Chip.test.tsx
index 1eaf75ea1b6bd0..afe4eadf86d1b6 100644
--- a/packages/mui-material-next/src/Chip/Chip.test.tsx
+++ b/packages/mui-material-next/src/Chip/Chip.test.tsx
@@ -34,6 +34,7 @@ describe('<Chip />', () => {
         removeListener: () => {},
       }) as unknown as MediaQueryList;
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
diff --git a/packages/mui-material-next/src/IconButton/IconButton.test.js b/packages/mui-material-next/src/IconButton/IconButton.test.js
index bb8ea99d596bfc..c98c84f44c6394 100644
--- a/packages/mui-material-next/src/IconButton/IconButton.test.js
+++ b/packages/mui-material-next/src/IconButton/IconButton.test.js
@@ -71,11 +71,13 @@ describe('<IconButton />', () => {
 
       expect(container.firstChild).to.have.class(classes.edgeStart);
     });
+
     it('edge="end" should render the right class', () => {
       const { container } = render(<IconButton edge="end">book</IconButton>);
 
       expect(container.firstChild).to.have.class(classes.edgeEnd);
     });
+
     it('no edge should render the right class', () => {
       const { container } = render(<IconButton>book</IconButton>);
 
diff --git a/packages/mui-material-next/src/OutlinedInput/NotchedOutline.test.js b/packages/mui-material-next/src/OutlinedInput/NotchedOutline.test.js
index 071166efd9645a..b27d8e928cbe75 100644
--- a/packages/mui-material-next/src/OutlinedInput/NotchedOutline.test.js
+++ b/packages/mui-material-next/src/OutlinedInput/NotchedOutline.test.js
@@ -54,6 +54,7 @@ describe('<NotchedOutline />', () => {
       paddingRight: '8px',
     });
   });
+
   it('should not set padding (notch) for empty, null or undefined label props', function test() {
     if (/jsdom/.test(window.navigator.userAgent)) {
       this.skip();
diff --git a/packages/mui-material-next/src/Slider/Slider.test.js b/packages/mui-material-next/src/Slider/Slider.test.js
index 3ba62a672b0f13..05e0cd28116e01 100644
--- a/packages/mui-material-next/src/Slider/Slider.test.js
+++ b/packages/mui-material-next/src/Slider/Slider.test.js
@@ -37,6 +37,7 @@ describe('<Slider />', () => {
       removeListener: () => {},
     });
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
@@ -724,6 +725,7 @@ describe('<Slider />', () => {
       expect(slider).to.have.attribute('aria-valuenow', String(min));
     });
   });
+
   describe('prop: max', () => {
     it('should set the max and aria-valuemax on the input', () => {
       const max = 750;
diff --git a/packages/mui-material-next/src/styles/styled.test.js b/packages/mui-material-next/src/styles/styled.test.js
index 720850622207fe..490fdd9d1ebaed 100644
--- a/packages/mui-material-next/src/styles/styled.test.js
+++ b/packages/mui-material-next/src/styles/styled.test.js
@@ -58,6 +58,7 @@ describe('styled', () => {
         color: 'rgb(179, 38, 30)',
       });
     });
+
     it('should apply color prop to theme.ref.palette if available', function test() {
       if (/jsdom/.test(window.navigator.userAgent)) {
         this.skip();
@@ -70,6 +71,7 @@ describe('styled', () => {
         color: 'rgb(242, 184, 181)',
       });
     });
+
     it('should apply bgcolor prop to theme.sys.color if available', function test() {
       if (/jsdom/.test(window.navigator.userAgent)) {
         this.skip();
@@ -82,6 +84,7 @@ describe('styled', () => {
         backgroundColor: 'rgb(179, 38, 30)',
       });
     });
+
     it('should apply bgcolor prop to theme.ref.palette if available', function test() {
       if (/jsdom/.test(window.navigator.userAgent)) {
         this.skip();
@@ -94,6 +97,7 @@ describe('styled', () => {
         backgroundColor: 'rgb(242, 184, 181)',
       });
     });
+
     it('should apply backgroundColor prop to theme.sys.color if available', function test() {
       if (/jsdom/.test(window.navigator.userAgent)) {
         this.skip();
@@ -106,6 +110,7 @@ describe('styled', () => {
         backgroundColor: 'rgb(179, 38, 30)',
       });
     });
+
     it('should apply backgroundColor prop to theme.ref.palette if available', function test() {
       if (/jsdom/.test(window.navigator.userAgent)) {
         this.skip();
@@ -118,6 +123,7 @@ describe('styled', () => {
         backgroundColor: 'rgb(242, 184, 181)',
       });
     });
+
     it('should apply border*Color props to theme.sys.color if available', function test() {
       if (/jsdom/.test(window.navigator.userAgent)) {
         this.skip();
@@ -143,6 +149,7 @@ describe('styled', () => {
         borderRightColor: 'rgb(179, 38, 30)',
       });
     });
+
     it('should apply border*Color props to theme.ref.palette if available', function test() {
       if (/jsdom/.test(window.navigator.userAgent)) {
         this.skip();
@@ -168,6 +175,7 @@ describe('styled', () => {
         borderRightColor: 'rgb(242, 184, 181)',
       });
     });
+
     it('should apply borderColor props to theme.sys.color if available', function test() {
       if (/jsdom/.test(window.navigator.userAgent)) {
         this.skip();
@@ -183,6 +191,7 @@ describe('styled', () => {
         borderRightColor: 'rgb(179, 38, 30)',
       });
     });
+
     it('should apply borderColor props to theme.ref.palette if available', function test() {
       if (/jsdom/.test(window.navigator.userAgent)) {
         this.skip();
diff --git a/packages/mui-material/src/Autocomplete/Autocomplete.test.js b/packages/mui-material/src/Autocomplete/Autocomplete.test.js
index 8ef9849c3a3ccb..5ae89516371bfd 100644
--- a/packages/mui-material/src/Autocomplete/Autocomplete.test.js
+++ b/packages/mui-material/src/Autocomplete/Autocomplete.test.js
@@ -587,6 +587,7 @@ describe('<Autocomplete />', () => {
       expect(handleClose.callCount).to.equal(0);
       expect(textbox).to.have.attribute('aria-expanded', 'true');
     });
+
     it('should close listbox on pressing left or right keys when inputValue is empty', () => {
       const handleClose = spy();
       const options = ['one', 'two', 'three'];
diff --git a/packages/mui-material/src/FormGroup/FormGroup.test.js b/packages/mui-material/src/FormGroup/FormGroup.test.js
index e1f6b173f23ced..e3e8326cb55c91 100644
--- a/packages/mui-material/src/FormGroup/FormGroup.test.js
+++ b/packages/mui-material/src/FormGroup/FormGroup.test.js
@@ -27,6 +27,7 @@ describe('<FormGroup />', () => {
 
     expect(queryByTestId('test-children')).not.to.equal(null);
   });
+
   describe('with FormControl', () => {
     describe('error', () => {
       it(`should have the error class`, () => {
diff --git a/packages/mui-material/src/Hidden/HiddenCss.test.js b/packages/mui-material/src/Hidden/HiddenCss.test.js
index a77e5ebd557b8c..b86a63c6889b8b 100644
--- a/packages/mui-material/src/Hidden/HiddenCss.test.js
+++ b/packages/mui-material/src/Hidden/HiddenCss.test.js
@@ -71,6 +71,7 @@ describe('<HiddenCss />', () => {
 
       expect(container.firstChild).to.have.class(classes.mdUp);
     });
+
     it('should handle provided className prop', () => {
       const { container } = render(
         <HiddenCss mdUp className="custom">
diff --git a/packages/mui-material/src/IconButton/IconButton.test.js b/packages/mui-material/src/IconButton/IconButton.test.js
index 3b78d1d15d1e8e..b32027f326b020 100644
--- a/packages/mui-material/src/IconButton/IconButton.test.js
+++ b/packages/mui-material/src/IconButton/IconButton.test.js
@@ -70,11 +70,13 @@ describe('<IconButton />', () => {
 
       expect(container.firstChild).to.have.class(classes.edgeStart);
     });
+
     it('edge="end" should render the right class', () => {
       const { container } = render(<IconButton edge="end">book</IconButton>);
 
       expect(container.firstChild).to.have.class(classes.edgeEnd);
     });
+
     it('no edge should render the right class', () => {
       const { container } = render(<IconButton>book</IconButton>);
 
diff --git a/packages/mui-material/src/Link/getTextDecoration.test.js b/packages/mui-material/src/Link/getTextDecoration.test.js
index da9419aad20563..803567fc94fd7b 100644
--- a/packages/mui-material/src/Link/getTextDecoration.test.js
+++ b/packages/mui-material/src/Link/getTextDecoration.test.js
@@ -5,6 +5,7 @@ import getTextDecoration from './getTextDecoration';
 describe('getTextDecoration', () => {
   describe('without theme.vars', () => {
     const theme = createTheme();
+
     it('deprecated color', () => {
       expect(getTextDecoration({ theme, ownerState: { color: 'primary' } })).to.equal(
         'rgba(25, 118, 210, 0.4)',
diff --git a/packages/mui-material/src/OutlinedInput/NotchedOutline.test.js b/packages/mui-material/src/OutlinedInput/NotchedOutline.test.js
index 071166efd9645a..b27d8e928cbe75 100644
--- a/packages/mui-material/src/OutlinedInput/NotchedOutline.test.js
+++ b/packages/mui-material/src/OutlinedInput/NotchedOutline.test.js
@@ -54,6 +54,7 @@ describe('<NotchedOutline />', () => {
       paddingRight: '8px',
     });
   });
+
   it('should not set padding (notch) for empty, null or undefined label props', function test() {
     if (/jsdom/.test(window.navigator.userAgent)) {
       this.skip();
diff --git a/packages/mui-material/src/RadioGroup/RadioGroup.test.js b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
index 9c35240513a67d..1617ea18a89b57 100644
--- a/packages/mui-material/src/RadioGroup/RadioGroup.test.js
+++ b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
@@ -360,6 +360,7 @@ describe('<RadioGroup />', () => {
           </RadioGroup>
         );
       });
+
       describe('onChange', () => {
         it('should set the value state', () => {
           const radioGroupRef = React.createRef();
diff --git a/packages/mui-material/src/Slider/Slider.test.js b/packages/mui-material/src/Slider/Slider.test.js
index 01367520897535..7e3207d337dcbc 100644
--- a/packages/mui-material/src/Slider/Slider.test.js
+++ b/packages/mui-material/src/Slider/Slider.test.js
@@ -737,6 +737,7 @@ describe('<Slider />', () => {
       expect(slider).to.have.attribute('aria-valuenow', String(min));
     });
   });
+
   describe('prop: max', () => {
     it('should set the max and aria-valuemax on the input', () => {
       const max = 750;
diff --git a/packages/mui-material/src/TableCell/TableCell.test.js b/packages/mui-material/src/TableCell/TableCell.test.js
index 1af4df861fac99..427864cf0df7e7 100644
--- a/packages/mui-material/src/TableCell/TableCell.test.js
+++ b/packages/mui-material/src/TableCell/TableCell.test.js
@@ -97,6 +97,7 @@ describe('<TableCell />', () => {
     const { container } = renderInTable(<TableCell component="th" scope="row" />);
     expect(container.querySelector('th')).not.to.have.attribute('role');
   });
+
   it('should not set scope attribute when TableCell is rendered as <td> within table head', () => {
     const { container } = render(
       <Table>
diff --git a/packages/mui-material/src/TextField/TextField.test.js b/packages/mui-material/src/TextField/TextField.test.js
index ee4827320da6df..ee77edc66b116b 100644
--- a/packages/mui-material/src/TextField/TextField.test.js
+++ b/packages/mui-material/src/TextField/TextField.test.js
@@ -123,6 +123,7 @@ describe('<TextField />', () => {
         outlinedInputClasses.notchedOutline,
       );
     });
+
     it('should render `0` label properly', () => {
       const { container } = render(
         <TextField InputProps={{ classes: { notchedOutline: 'notch' } }} label={0} required />,
diff --git a/packages/mui-material/src/Tooltip/Tooltip.test.js b/packages/mui-material/src/Tooltip/Tooltip.test.js
index c47cfcc379085f..83ea7d886991a5 100644
--- a/packages/mui-material/src/Tooltip/Tooltip.test.js
+++ b/packages/mui-material/src/Tooltip/Tooltip.test.js
@@ -17,6 +17,7 @@ import describeConformance from '../../test/describeConformance';
 
 describe('<Tooltip />', () => {
   const { clock, render } = createRenderer({ clock: 'fake' });
+
   beforeEach(() => {
     testReset();
   });
@@ -1181,6 +1182,7 @@ describe('<Tooltip />', () => {
 
   describe('user-select state', () => {
     let prevWebkitUserSelect;
+
     beforeEach(() => {
       prevWebkitUserSelect = document.body.style.WebkitUserSelect;
     });
diff --git a/packages/mui-material/src/styles/CssVarsProvider.test.js b/packages/mui-material/src/styles/CssVarsProvider.test.js
index bb9c57846fa19d..31c1aa8f733b10 100644
--- a/packages/mui-material/src/styles/CssVarsProvider.test.js
+++ b/packages/mui-material/src/styles/CssVarsProvider.test.js
@@ -8,6 +8,7 @@ describe('[Material UI] CssVarsProvider', () => {
   let originalMatchmedia;
   const { render } = createRenderer();
   const storage = {};
+
   beforeEach(() => {
     originalMatchmedia = window.matchMedia;
     // Create mocks of localStorage getItem and setItem functions
@@ -25,6 +26,7 @@ describe('[Material UI] CssVarsProvider', () => {
       removeListener: () => {},
     });
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
diff --git a/packages/mui-material/src/styles/ThemeProvider.test.tsx b/packages/mui-material/src/styles/ThemeProvider.test.tsx
index 48833d7d5e93ce..7393cf0673dcd8 100644
--- a/packages/mui-material/src/styles/ThemeProvider.test.tsx
+++ b/packages/mui-material/src/styles/ThemeProvider.test.tsx
@@ -5,6 +5,7 @@ import { ThemeProvider } from '@mui/material/styles';
 
 describe('ThemeProvider', () => {
   const { render } = createRenderer();
+
   it('When theme is a function, it should not show warning', () => {
     expect(() =>
       render(
diff --git a/packages/mui-material/src/styles/experimental_extendTheme.test.js b/packages/mui-material/src/styles/experimental_extendTheme.test.js
index dd0e43920b96a1..c7990a0043b46b 100644
--- a/packages/mui-material/src/styles/experimental_extendTheme.test.js
+++ b/packages/mui-material/src/styles/experimental_extendTheme.test.js
@@ -13,6 +13,7 @@ describe('experimental_extendTheme', () => {
   let originalMatchmedia;
   const { render } = createRenderer();
   const storage = {};
+
   beforeEach(() => {
     originalMatchmedia = window.matchMedia;
     // Create mocks of localStorage getItem and setItem functions
@@ -30,6 +31,7 @@ describe('experimental_extendTheme', () => {
       removeListener: () => {},
     });
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
diff --git a/packages/mui-material/src/useMediaQuery/useMediaQuery.test.js b/packages/mui-material/src/useMediaQuery/useMediaQuery.test.js
index d2f91a1822ab53..ec3c5d8c8f4d1a 100644
--- a/packages/mui-material/src/useMediaQuery/useMediaQuery.test.js
+++ b/packages/mui-material/src/useMediaQuery/useMediaQuery.test.js
@@ -46,10 +46,12 @@ describe('useMediaQuery', () => {
 
   describe('without window.matchMedia', () => {
     let originalMatchmedia;
+
     beforeEach(() => {
       originalMatchmedia = window.matchMedia;
       delete window.matchMedia;
     });
+
     afterEach(() => {
       window.matchMedia = originalMatchmedia;
     });
diff --git a/packages/mui-material/test/integration/PopperChildrenLayout.test.js b/packages/mui-material/test/integration/PopperChildrenLayout.test.js
index a9c6bfad6a270c..f5ad0e4ef7fd04 100644
--- a/packages/mui-material/test/integration/PopperChildrenLayout.test.js
+++ b/packages/mui-material/test/integration/PopperChildrenLayout.test.js
@@ -24,10 +24,12 @@ describe('<Popper />', () => {
 
   let originalScrollX;
   let originalScrollY;
+
   beforeEach(() => {
     originalScrollX = window.screenX;
     originalScrollY = window.scrollY;
   });
+
   afterEach(() => {
     window.scrollTo(originalScrollX, originalScrollY);
   });
diff --git a/packages/mui-system/src/breakpoints.test.js b/packages/mui-system/src/breakpoints.test.js
index 6b57a3caa395b1..722327d96f50ed 100644
--- a/packages/mui-system/src/breakpoints.test.js
+++ b/packages/mui-system/src/breakpoints.test.js
@@ -20,6 +20,7 @@ describe('breakpoints', () => {
     large: 900,
     extraLarge: 1200,
   };
+
   it('should work', () => {
     const palette = breakpoints(textColor);
 
diff --git a/packages/mui-system/src/cssVars/createCssVarsProvider.test.js b/packages/mui-system/src/cssVars/createCssVarsProvider.test.js
index 85f2c04d76b637..36728bfe69e0b2 100644
--- a/packages/mui-system/src/cssVars/createCssVarsProvider.test.js
+++ b/packages/mui-system/src/cssVars/createCssVarsProvider.test.js
@@ -35,6 +35,7 @@ describe('createCssVarsProvider', () => {
     storage = {};
     window.matchMedia = createMatchMedia(false);
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
@@ -246,6 +247,7 @@ describe('createCssVarsProvider', () => {
 
     describe('[option]: `disableTransitionOnChange`', () => {
       clock.withFakeTimers();
+
       it('disable all css transitions when switching between modes, given `disableTransitionOnChange` is true', () => {
         const { CssVarsProvider, useColorScheme } = createCssVarsProvider({
           theme: createCssVarsTheme({
@@ -462,6 +464,7 @@ describe('createCssVarsProvider', () => {
         </div>
       );
     }
+
     it('should save mode to localStorage', () => {
       render(
         <CssVarsProvider>
@@ -550,6 +553,7 @@ describe('createCssVarsProvider', () => {
       const theme = useTheme();
       return <div data-testid="color">{theme.vars.color}</div>;
     }
+
     it('use default color scheme if the storage value does not exist', () => {
       storage[DEFAULT_MODE_STORAGE_KEY] = 'unknown';
 
diff --git a/packages/mui-system/src/cssVars/createGetCssVar.test.ts b/packages/mui-system/src/cssVars/createGetCssVar.test.ts
index 4d3ca46fdda0e1..ee11a204c27e53 100644
--- a/packages/mui-system/src/cssVars/createGetCssVar.test.ts
+++ b/packages/mui-system/src/cssVars/createGetCssVar.test.ts
@@ -4,6 +4,7 @@ import createGetCssVar from './createGetCssVar';
 describe('createGetCssVar', () => {
   describe('default without prefix', () => {
     const getThemeVar = createGetCssVar();
+
     it('should return correct CSS var with default prefix', () => {
       expect(getThemeVar('palette-primary-500')).to.equal('var(--palette-primary-500)');
     });
diff --git a/packages/mui-system/src/cssVars/cssVarsParser.test.ts b/packages/mui-system/src/cssVars/cssVarsParser.test.ts
index 076e8c7a4b5a85..25c4672c5da9a2 100644
--- a/packages/mui-system/src/cssVars/cssVarsParser.test.ts
+++ b/packages/mui-system/src/cssVars/cssVarsParser.test.ts
@@ -58,6 +58,7 @@ describe('cssVarsParser', () => {
       });
     });
   });
+
   describe('walkObjectDeep', () => {
     it('run callback at each key', () => {
       const result: Record<string, boolean> = {};
diff --git a/packages/mui-system/src/cssVars/getInitColorSchemeScript.test.js b/packages/mui-system/src/cssVars/getInitColorSchemeScript.test.js
index 8340db5c31bbda..9bc4c50d8c306f 100644
--- a/packages/mui-system/src/cssVars/getInitColorSchemeScript.test.js
+++ b/packages/mui-system/src/cssVars/getInitColorSchemeScript.test.js
@@ -31,6 +31,7 @@ describe('getInitColorSchemeScript', () => {
     document.documentElement.removeAttribute(DEFAULT_ATTRIBUTE);
     window.matchMedia = createMatchMedia(false);
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
diff --git a/packages/mui-system/src/cssVars/useCurrentColorScheme.test.js b/packages/mui-system/src/cssVars/useCurrentColorScheme.test.js
index ee1e91e56188d0..0c0fedd5f7e6ed 100644
--- a/packages/mui-system/src/cssVars/useCurrentColorScheme.test.js
+++ b/packages/mui-system/src/cssVars/useCurrentColorScheme.test.js
@@ -23,12 +23,14 @@ describe('useCurrentColorScheme', () => {
     },
     removeListener: () => {},
   });
+
   before(() => {
     originalAddEventListener = window.addEventListener;
     window.addEventListener = (key, handler) => {
       storageHandler[key] = handler;
     };
   });
+
   after(() => {
     window.addEventListener = originalAddEventListener;
   });
@@ -51,6 +53,7 @@ describe('useCurrentColorScheme', () => {
     storageHandler = {};
     window.matchMedia = createMatchMedia(false);
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
diff --git a/packages/mui-utils/src/requirePropFactory/requirePropFactory.test.js b/packages/mui-utils/src/requirePropFactory/requirePropFactory.test.js
index b36466f49047dc..e0651ee376ce02 100644
--- a/packages/mui-utils/src/requirePropFactory/requirePropFactory.test.js
+++ b/packages/mui-utils/src/requirePropFactory/requirePropFactory.test.js
@@ -98,6 +98,7 @@ describe('requirePropFactory', () => {
 
         describe('propFullName given to validator', () => {
           let propFullName;
+
           before(() => {
             propFullName = 'propFullName';
             result = requirePropValidator(props, propName, undefined, undefined, propFullName);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 56745b5753f2fe..28febc0a852096 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -231,8 +231,8 @@ importers:
         specifier: workspace:^
         version: link:packages/eslint-plugin-material-ui
       eslint-plugin-mocha:
-        specifier: ^10.2.0
-        version: 10.2.0(eslint@8.56.0)
+        specifier: ^10.3.0
+        version: 10.3.0(eslint@8.56.0)
       eslint-plugin-react:
         specifier: ^7.33.2
         version: 7.33.2(eslint@8.56.0)
@@ -11599,8 +11599,8 @@ packages:
       semver: 6.3.1
     dev: true
 
-  /eslint-plugin-mocha@10.2.0(eslint@8.56.0):
-    resolution: {integrity: sha512-ZhdxzSZnd1P9LqDPF0DBcFLpRIGdh1zkF2JHnQklKQOvrQtT73kdP5K9V2mzvbLR+cCAO9OI48NXK/Ax9/ciCQ==}
+  /eslint-plugin-mocha@10.3.0(eslint@8.56.0):
+    resolution: {integrity: sha512-IWzbg2K6B1Q7h37Ih4zMyW+nhmw1JvUlHlbCUUUu6PfOOAUGCB0gxmvv7/U+TQQ6e8yHUv+q7KMdIIum4bx+PA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       eslint: '>=7.0.0'
diff --git a/test/integration/mui-system/theme-scoping.test.tsx b/test/integration/mui-system/theme-scoping.test.tsx
index bc3e1d3a69295d..1d1f97c9ad7304 100644
--- a/test/integration/mui-system/theme-scoping.test.tsx
+++ b/test/integration/mui-system/theme-scoping.test.tsx
@@ -106,6 +106,7 @@ describe('Multiple nested theme providers', () => {
     storage = {};
     window.matchMedia = createMatchMedia(false) as unknown as typeof window.matchMedia;
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });