Prevents default form submit. (#658)

Author: EvanYoung-SP

components/site/algolia/search.tsx

@@ -36,7 +36,7 @@ const Search = (props: SearchProps): JSX.Element => {
         onSearchStateChange={({ query }) => setQuery(query)}
       >
         <SearchBox onFocus={() => setHasFocus(true)} hasFocus={hasFocus} />
-        <SearchResults ref={menu} show={query.length > 0 && hasFocus} />
+        <SearchResults ref={menu} show={query?.length > 0 && hasFocus} />
       </InstantSearch>
     </Box>
   );

components/site/algolia/searchBox.tsx

@@ -2,6 +2,7 @@ import type { SearchBoxProvided } from 'react-instantsearch-core';
 import { connectSearchBox } from 'react-instantsearch-dom';
 import { TextField, useWindowEvent } from '@sparkpost/matchbox';
 import { Search as SearchIcon } from '@sparkpost/matchbox-icons';
+import { FormEvent } from 'react';
 
 type InputProps = SearchBoxProvided & {
   hasFocus?: boolean;
@@ -15,8 +16,12 @@ const Input = ({ currentRefinement, onFocus, hasFocus, refine }: InputProps) =>
     }
   });
 
+  const onSubmit = (e: FormEvent) => {
+    e.preventDefault();
+  };
+
   return (
-    <form noValidate action="" autoComplete="off" role="search">
+    <form noValidate action="" autoComplete="off" role="search" onSubmit={onSubmit}>
       <TextField
         id="algolia-search"
         label="Search"

next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited