feat(jsx-key): check for array related method calls with jsx elements/fragments

docs/rules/jsx-key.md

@@ -27,6 +27,11 @@ Array.from([1, 2, 3], (x) => <Hello>{x}</Hello>);
 <Hello {...{ key: id, id, caption }} />
 ```
 
+```jsx
+arr = [];
+arr.push(<Hello />);
+```
+
 In the last example the key is being spread, which is currently possible, but discouraged in favor of the statically provided key.
 
 Examples of **correct** code for this rule:
@@ -47,6 +52,11 @@ Array.from([1, 2, 3], (x) => <Hello key={x}>{x}</Hello>);
 <Hello key={id} {...{ id, caption }} />
 ```
 
+```jsx
+arr = [];
+arr.push(<Hello key="hello" />);
+```
+
 ## Rule Options
 
 ```js

lib/rules/jsx-key.js

@@ -263,6 +263,22 @@ module.exports = {
         }
       },
 
+      // eslint-disable-next-line no-multi-str
+      'CallExpression[callee.type="MemberExpression"][callee.property.name=/^push|unshift|splice|with|concat$/],\
+       CallExpression[callee.type="OptionalMemberExpression"][callee.property.name=/^push|unshift|splice|with|concat$/],\
+       OptionalCallExpression[callee.type="MemberExpression"][callee.property.name=/^push|unshift|splice|with|concat$/],\
+       OptionalCallExpression[callee.type="OptionalMemberExpression"][callee.property.name=/^push|unshift|splice|with|concat$/]'(node) {
+        node.arguments.forEach((arg) => {
+          if (arg.type === 'JSXElement' && !hasProp(arg.openingElement.attributes, 'key')) {
+            report(context, messages.missingIterKey, 'missingArrayKey', { node });
+            return;
+          }
+          if (arg.type === 'JSXFragment') {
+            report(context, messages.missingIterKey, 'missingArrayKeyUsePrag', { node });
+          }
+        });
+      },
+
       // Array.prototype.map
       // eslint-disable-next-line no-multi-str
       'CallExpression[callee.type="MemberExpression"][callee.property.name="map"],\

tests/lib/rules/jsx-key.js

@@ -205,6 +205,12 @@ ruleTester.run('jsx-key', rule, {
       `,
       settings,
     },
+    {
+      code: 'arr.push(<App key="key" />);',
+    },
+    {
+      code: 'arr.push(<React.Fragment key="key" />);',
+    },
   ]),
   invalid: parsers.all([
     {
@@ -424,5 +430,13 @@ ruleTester.run('jsx-key', rule, {
       options: [{ checkKeyMustBeforeSpread: true }],
       errors: [{ messageId: 'keyBeforeSpread' }],
     },
+    {
+      code: 'arr.push(<App />);',
+      errors: [{ messageId: 'missingArrayKey' }],
+    },
+    {
+      code: 'arr.push(<></>);',
+      errors: [{ messageId: 'missingArrayKeyUsePrag' }],
+    },
   ]),
 });