diff --git a/docs/rules/no-unstable-nested-components.md b/docs/rules/no-unstable-nested-components.md index 32769db1d6..01e280fd2f 100644 --- a/docs/rules/no-unstable-nested-components.md +++ b/docs/rules/no-unstable-nested-components.md @@ -1,6 +1,6 @@ # Disallow creating unstable components inside components (react/no-unstable-nested-components) -💼 This rule is enabled in the following [configs](https://github.com/jsx-eslint/eslint-plugin-react#shareable-configurations): `all`, `recommended`. +💼 This rule is enabled in the following [configs](https://github.com/jsx-eslint/eslint-plugin-react#shareable-configurations): `all`. Creating components inside components (nested components) will cause React to throw away the state of those nested components on each re-render of their parent. diff --git a/index.js b/index.js index daf4b4b0c9..be3c94a992 100644 --- a/index.js +++ b/index.js @@ -152,7 +152,6 @@ module.exports = { 'react/no-unescaped-entities': 2, 'react/no-unknown-property': 2, 'react/no-unsafe': 0, - 'react/no-unstable-nested-component': 0, 'react/prop-types': 2, 'react/react-in-jsx-scope': 2, 'react/require-render-return': 2,