fix: fixed error in search results due to document title (#550)

Co-authored-by: Arya Apurvakumar Shah <[email protected]>

Author: aryashah27

packages/discovery-react-components/src/components/SearchResults/components/Result/Result.tsx

@@ -129,10 +129,6 @@ export const Result: React.FunctionComponent<ResultProps> = ({
 
   let title = getDocumentTitle(result, resultTitleField);
 
-  if (Array.isArray(title)) {
-    title = title[0]; // only first element will be shown if title is array
-  }
-
   const searchResultClasses = [searchResultClass];
   if (isEqual(result, selectedResult.document)) {
     searchResultClasses.push(searchResultSelectedClass);

packages/discovery-react-components/src/utils/getDocumentTitle.ts

@@ -6,12 +6,23 @@ export const getDocumentTitle = (
   titleField: string
 ): string => {
   if (document) {
-    return (
+    let title =
       get(document, titleField) ||
       get(document, 'extracted_metadata.title') ||
       get(document, 'extracted_metadata.filename') ||
-      document.document_id
-    );
+      document.document_id;
+    if (Array.isArray(title)) {
+      title = title[0]; // only first element will be shown if title is array
+    } else if (typeof title === 'object') {
+      if (title.hasOwnProperty('text') && typeof get(title, 'text') === 'string') {
+        // if title is an object return 'text' field if it exists
+        title = get(title, 'text');
+      } else {
+        // else return toString to prevent the component from crashing
+        title = title.toString();
+      }
+    }
+    return title;
   }
   return '';
 };