From a9bf5362514ba54ccd5e435a32538bdffb925e95 Mon Sep 17 00:00:00 2001
From: Ben Pearey <bpearey@amplience.com>
Date: Tue, 6 Aug 2024 16:16:37 +0100
Subject: [PATCH] fix: use default href values to avoid errors

---
 components/cms-modern/Search/SearchResultsListing.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/cms-modern/Search/SearchResultsListing.tsx b/components/cms-modern/Search/SearchResultsListing.tsx
index 83641af5..2e1e12cf 100644
--- a/components/cms-modern/Search/SearchResultsListing.tsx
+++ b/components/cms-modern/Search/SearchResultsListing.tsx
@@ -27,7 +27,7 @@ const SearchResultsListing = (props: SearchResultsListingProps) => {
                                 <li>
                                     <h3 className="search__results__listing__heading">Products</h3>
                                     <ul className="search__results__section">
-                                        {searchResults.map(({ id, name, variants, href }: any, index: number) => {
+                                        {searchResults.map(({ id, name, variants, href = '' }: any, index: number) => {
                                             // Need to manipulate the image url for smart imaging and resize for performance
                                             let firstImage: string = '';
                                             if (variants[0].images) {
@@ -79,7 +79,7 @@ const SearchResultsListing = (props: SearchResultsListingProps) => {
                                 <li>
                                     <h3 className="search__results__listing__heading">Categories</h3>
                                     <ul className="search__results__section">
-                                        {categories.map(({ label, count, href }: any, index: number) => {
+                                        {categories.map(({ label, count, href = '' }: any, index: number) => {
                                             return (
                                                 <li key={index}>
                                                     <Link passHref href={href}>
@@ -124,7 +124,7 @@ const SearchResultsListing = (props: SearchResultsListingProps) => {
                                 <li>
                                     <h3 className="search__results__listing__heading">Inspiration</h3>
                                     <ul className="search__results__section">
-                                        {inspiration.map(({ label, href, count }: any, index: number) => {
+                                        {inspiration.map(({ label, href = '', count }: any, index: number) => {
                                             return (
                                                 <li key={index}>
                                                     <Link passHref href={href}>