Ensure suggestions is an array and close autocomplete on search

src/components/SearchAutocomplete.tsx

@@ -223,11 +223,14 @@ class SearchAutocomplete extends Component<Props & typeof defaultProps> {
   };
 
   render() {
+    const suggestions = this.getSuggestions();
+    const hasSuggestions = !!suggestions.length;
+
     return (
-      <Container className={this.getSuggestions().length ? '' : 'hidden'}>
+      <Container className={hasSuggestions ? '' : 'hidden'}>
         <List role="menu">
-          {!!this.getSuggestions().length &&
-            this.getSuggestions().map((item: SuggestionShape) => (
+          {hasSuggestions &&
+            suggestions.map((item: SuggestionShape) => (
               <li key={item.href}>
                 <StyledLink>
                   <a href={item.href}>{item.ayah}</a>

src/components/SearchInput.tsx

@@ -131,6 +131,8 @@ class SearchInput extends Component<Props> {
       label: value,
     });
 
+    this.handleHideAutocomplete();
+
     return push(`/search?q=${value}`);
   };
 

src/redux/reducers/suggest.ts

@@ -31,7 +31,9 @@ export default (state = INITIAL_STATE, action: $TsFixMe) => {
           ...prevState,
           results: {
             ...state.results,
-            [action.meta.query]: camelcaseKeys(action.payload, { deep: true }),
+            [action.meta.query]: Array.isArray(action.payload)
+              ? camelcaseKeys(action.payload, { deep: true })
+              : [],
           },
         }),
       });