add rule for unstable components

index.js

@@ -99,6 +99,7 @@ module.exports = {
     'react/jsx-props-no-spreading': 0,
     // Majority of our code uses flowtype now so this is not necessary
     'react/require-default-props': 0,
+    'react/no-unstable-nested-components': [2, { allowAsProps: true }],
     'react-hooks/rules-of-hooks': 2,
     'testing-library/no-dom-import': 2,
     'testing-library/no-manual-cleanup': 2,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "eslint-config-bzc",
   "description": "Eslint Config for my personal and professional projects",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "main": "index.js",
   "repository": "[email protected]:Brianzchen/eslint-config-bzc.git",
   "author": "Brian Chen",
@@ -22,7 +22,7 @@
     "eslint-config-airbnb": ">=17.0.0 || >=18.0.0",
     "eslint-plugin-fb-flow": ">=0.0.1",
     "eslint-plugin-ft-flow": ">=0.1.2",
-    "eslint-plugin-react": ">=7.23.0",
+    "eslint-plugin-react": ">=7.27.0",
     "eslint-plugin-react-hooks": ">=4.0.0",
     "eslint-plugin-testing-library": ">=4.0.0"
   },