Bump eslint-plugin-react to ^7.31.8 (#34266)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Michał Dudak <[email protected]>
mui · Sep 14, 2022 · 398b3ce · 398b3ce
1 parent 42eb536
commit 398b3ce
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 18 deletions.
diff --git a/benchmark/server/scenarios/styles.js b/benchmark/server/scenarios/styles.js
@@ -85,6 +85,7 @@ function HookButton(props) {
 }
 
 const NakedButton = (props) => <button type="submit" {...props} />;
+// eslint-disable-next-line react/no-unknown-property
 const EmotionCssButton = (props) => <button type="submit" css={emotionCss} {...props} />;
 
 suite

diff --git a/package.json b/package.json
@@ -136,7 +136,7 @@
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-mocha": "^10.1.0",
-    "eslint-plugin-react": "^7.31.1",
+    "eslint-plugin-react": "^7.31.8",
     "eslint-plugin-react-hooks": "^4.6.0",
     "fast-glob": "^3.2.12",
     "format-util": "^1.0.5",

diff --git a/packages/mui-base/src/SliderUnstyled/SliderValueLabelUnstyled.js b/packages/mui-base/src/SliderUnstyled/SliderValueLabelUnstyled.js
@@ -21,7 +21,7 @@ const useValueLabelClasses = (props) => {
  * @ignore - internal component.
  */
 export default function SliderValueLabelUnstyled(props) {
-  const { children, className, value, theme } = props;
+  const { children, className, value } = props;
   const classes = useValueLabelClasses(props);
 
   return React.cloneElement(
@@ -31,7 +31,7 @@ export default function SliderValueLabelUnstyled(props) {
     },
     <React.Fragment>
       {children.props.children}
-      <span className={clsx(classes.offset, className)} theme={theme} aria-hidden>
+      <span className={clsx(classes.offset, className)} aria-hidden>
         <span className={classes.circle}>
           <span className={classes.label}>{value}</span>
         </span>

diff --git a/packages/mui-lab/src/Masonry/Masonry.test.js b/packages/mui-lab/src/Masonry/Masonry.test.js
@@ -72,12 +72,13 @@ describe('<Masonry />', () => {
         this.skip();
       }
       const spacingProp = 1;
+      const firstChildHeight = 10;
       const secondChildInitialHeight = 20;
       const secondChildNewHeight = 10;
 
       const { getByTestId } = render(
         <Masonry columns={2} spacing={spacingProp} data-testid="container">
-          <div sx={{ height: 10 }} />
+          <div style={{ height: `${firstChildHeight}px` }} />
         </Masonry>,
       );
       const masonry = getByTestId('container');
@@ -87,13 +88,13 @@ describe('<Masonry />', () => {
 
       const topAndBottomMargin = parseToNumber(defaultTheme.spacing(spacingProp)) * 2;
       expect(window.getComputedStyle(masonry).height).to.equal(
-        `${secondChildInitialHeight + topAndBottomMargin}px`,
+        `${firstChildHeight + secondChildInitialHeight + topAndBottomMargin}px`,
       );
 
       secondItem.style.height = `${secondChildNewHeight}px`;
 
       expect(window.getComputedStyle(masonry).height).to.equal(
-        `${secondChildNewHeight + topAndBottomMargin}px`,
+        `${firstChildHeight + secondChildNewHeight + topAndBottomMargin}px`,
       );
     });
 

diff --git a/packages/mui-material/src/ImageList/ImageList.test.js b/packages/mui-material/src/ImageList/ImageList.test.js
@@ -36,12 +36,7 @@ describe('<ImageList />', () => {
   );
 
   const children = itemsData.map((item) => (
-    <span
-      key={item.title}
-      title={item.title}
-      subtitle={<span>by: {item.author}</span>}
-      data-testid="test-children"
-    >
+    <span key={item.title} title={item.title} data-testid="test-children">
       <img src={item.img} alt="foo" />
     </span>
   ));

diff --git a/packages/mui-styles/src/StylesProvider/StylesProvider.test.js b/packages/mui-styles/src/StylesProvider/StylesProvider.test.js
@@ -9,11 +9,11 @@ import createGenerateClassName from '../createGenerateClassName';
 
 function Test() {
   const options = React.useContext(StylesContext);
-  return <span options={options} />;
+  return <span data-options={options} />;
 }
 
 function getOptions(wrapper) {
-  return wrapper.find('span').props().options;
+  return wrapper.find('span').props()['data-options'];
 }
 
 describe('StylesProvider', () => {

diff --git a/packages/mui-utils/src/integerPropType.test.js b/packages/mui-utils/src/integerPropType.test.js
@@ -1,3 +1,4 @@
+/* eslint-disable react/no-unknown-property */
 import * as React from 'react';
 import { expect } from 'chai';
 import PropTypes from 'prop-types';

diff --git a/yarn.lock b/yarn.lock
@@ -7465,10 +7465,10 @@ eslint-plugin-react-hooks@^4.6.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
-eslint-plugin-react@^7.31.1:
-  version "7.31.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.31.1.tgz#d29793ed27743f3ed8a473c347b1bf5a0a8fb9af"
-  integrity sha512-j4/2xWqt/R7AZzG8CakGHA6Xa/u7iR8Q3xCxY+AUghdT92bnIDOBEefV456OeH0QvBcroVc0eyvrrLSyQGYIfg==
+eslint-plugin-react@^7.31.8:
+  version "7.31.8"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.31.8.tgz#3a4f80c10be1bcbc8197be9e8b641b2a3ef219bf"
+  integrity sha512-5lBTZmgQmARLLSYiwI71tiGVTLUuqXantZM6vlSY39OaDSV0M7+32K5DnLkmFrwTe+Ksz0ffuLUC91RUviVZfw==
   dependencies:
     array-includes "^3.1.5"
     array.prototype.flatmap "^1.3.0"