Fix #1642

bazarr/api/system/searches.py

@@ -37,4 +37,5 @@ class Searches(Resource):
                 movies = list(movies)
                 search_list += movies
 
+
         return jsonify(search_list)

frontend/src/App/Header.tsx

@@ -5,6 +5,7 @@ import {
   faUser,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { uniqueId } from "lodash";
 import React, { FunctionComponent, useMemo } from "react";
 import {
   Button,
@@ -35,16 +36,22 @@ async function SearchItem(text: string) {
 
   return results.map<SearchResult>((v) => {
     let link: string;
+    let id: string;
     if (v.sonarrSeriesId) {
       link = `/series/${v.sonarrSeriesId}`;
+      id = `series-${v.sonarrSeriesId}`;
     } else if (v.radarrId) {
       link = `/movies/${v.radarrId}`;
+      id = `movie-${v.radarrId}`;
     } else {
       link = "";
+      id = uniqueId("unknown");
     }
+
     return {
       name: `${v.title} (${v.year})`,
       link,
+      id,
     };
   });
 }

frontend/src/components/SearchBar.tsx

@@ -10,6 +10,7 @@ import { useHistory } from "react-router";
 import { useThrottle } from "rooks";
 
 export interface SearchResult {
+  id: string;
   name: string;
   link?: string;
 }
@@ -58,7 +59,7 @@ export const SearchBar: FunctionComponent<Props> = ({
   const items = useMemo(() => {
     const its = results.map((v) => (
       <Dropdown.Item
-        key={v.name}
+        key={v.id}
         eventKey={v.link}
         disabled={v.link === undefined}
       >