InteractiveList - legger inn key prop og bruker den hvis finnes (#3464)

Unngår spreading av key-prop som gir warning

packages/plattform-komponenter/src/interactive-list/InteractiveList.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
 import classnames from 'classnames';
-import styles from './interactiveList.module.css';
+import React from 'react';
 import ChevronIconBlack from '../icons/ChevronIconBlack';
 import ChevronIconGray from '../icons/ChevronIconGray';
+import styles from './interactiveList.module.css';
 
 export interface InteractiveListElement {
   content: React.ReactNode;
@@ -11,7 +11,7 @@ export interface InteractiveListElement {
 }
 
 interface InteractiveListProps {
-  elements: InteractiveListElement[];
+  elements: Array<InteractiveListElement & { key?: string }>;
 }
 
 const InteractiveListElement = (props: InteractiveListElement) => {
@@ -37,10 +37,10 @@ const InteractiveListElement = (props: InteractiveListElement) => {
 
 const InteractiveList = ({ elements }: InteractiveListProps) => (
   <ul className={styles.interactiveList}>
-    {elements.map(elementProps => (
-      // eslint-disable-next-line react/jsx-key
-      <InteractiveListElement {...elementProps} />
-    ))}
+    {elements.map((elementProps, index) => {
+      const { key, ...rest } = elementProps;
+      return <InteractiveListElement key={key ?? index} {...rest} />;
+    })}
   </ul>
 );