fix: added a function to set a key based on the index if the placeId is missing

Author: nilsingwersen

src/suggest-list.tsx

@@ -41,6 +41,14 @@ export default class SuggestList extends React.PureComponent<Props, unknown> {
     return this.props.isHidden || this.props.suggests.length === 0;
   }
 
+  /**
+   * Generate a unique key for each suggestion
+   */
+  getSuggestionKey(suggest: Suggest, index: number): string {
+    // Use placeId if available, otherwise fall back to combination of label and index
+    return suggest.placeId || `${suggest.label}_${index}`;
+  }
+
   /**
    * There are new properties available for the list
    */
@@ -75,15 +83,15 @@ export default class SuggestList extends React.PureComponent<Props, unknown> {
         role="listbox"
         aria-label={this.props.listLabel}
         id={this.props.listId}>
-        {this.props.suggests.map((suggest) => {
+        {this.props.suggests.map((suggest, index) => {
           const isActive =
             (this.props.activeSuggest &&
               suggest.placeId === this.props.activeSuggest.placeId) ||
             false;
 
           return (
             <SuggestItem
-              key={suggest.placeId}
+              key={this.getSuggestionKey(suggest, index)}
               className={suggest.className || ''}
               userInput={this.props.userInput}
               isHighlightMatch={this.props.isHighlightMatch}