docs(rules/no-duplicate-key): update examples

Author: Rel1cx

website/pages/docs/rules/no-duplicate-key.md

@@ -41,11 +41,36 @@ function MyComponent () {
     <li key="1">Item 1</li>
     <li key="1">Item 2</li>
     //  ^^^^^^^
-    //  - A key must be unique. '1' is duplicated.
+    //  - A key must be unique. 'key="1"' is duplicated.
   ]
 };
 ```
 
+```tsx
+import React from "react";
+
+function MyComponent() {
+  return (
+    <ul>
+      <li key="1">Item 1</li>
+      <li key="1">Item 2</li>
+      {/* ^^^^^^^ */}
+      {/* - A key must be unique. 'key="1"' is duplicated. */}
+    </ul>
+  );
+}
+```
+
+```tsx
+import React from "react";
+
+function MyComponent() {
+  return <ul>{["a", "b"].map((id) => <li key="1">{id}</li>)}</ul>;
+  //                                     ^^^^^^^
+  //                                     - A key must be unique. 'key="1"' is duplicated.
+}
+```
+
 ### Passing
 
 ```tsx
@@ -59,6 +84,27 @@ function MyComponent () {
 };
 ```
 
+```tsx
+import React from "react";
+
+function MyComponent() {
+  return (
+    <ul>
+      <li key="1">Item 1</li>
+      <li key="2">Item 2</li>
+    </ul>
+  );
+}
+```
+
+```tsx
+import React from "react";
+
+function MyComponent() {
+  return <ul>{["a", "b"].map((id) => <li key={id}>{id}</li>)}</ul>;
+}
+```
+
 ## Implementation
 
 - [Rule source](https://github.com/rEl1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/no-duplicate-key.ts)