feat: remove state management for Typeahead to allow RHF to control it (#564)

* feat: remove state management for Typeahead to allow RHF to control it

* Keep a default value

Author: AndyEPhipps

src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap

@@ -92,13 +92,13 @@ exports[`renders correctly 1`] = `
         aria-describedby="school-lookup"
         autoComplete="off"
         className="c5"
+        defaultValue=""
         id="school-lookup"
         name="school-lookup"
         onChange={[Function]}
         placeholder="Type to start search"
         required={false}
         type="text"
-        value=""
       />
     </div>
     

src/components/Molecules/Typeahead/Typeahead.js

@@ -24,7 +24,6 @@ const Typeahead = React.forwardRef(
     },
     ref
   ) => {
-    const [value, setValue] = useState('');
     const [options, setOptions] = useState([]);
     const [errorMsg, setErrorMsg] = useState('');
 
@@ -62,13 +61,11 @@ const Typeahead = React.forwardRef(
 
     return (
       <TextInputWithDropdown
-        value={value}
+        defaultValue=""
         options={optionParser ? options.map(optionParser) : options}
         errorMsg={errorMsg}
         onChange={e => {
           const newValue = e.currentTarget.value;
-          setValue(newValue);
-
           debouncedHandleChange(newValue);
         }}
         onSelect={(parsedOption, optionIndex) => {
@@ -81,7 +78,6 @@ const Typeahead = React.forwardRef(
           // reset
           setOptions([]);
           setErrorMsg('');
-          setValue('');
         }}
         id={id}
         label={label}

src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap

@@ -92,13 +92,13 @@ exports[`renders correctly 1`] = `
         aria-describedby="typeahead-test"
         autoComplete="off"
         className="c5"
+        defaultValue=""
         id="typeahead-test"
         name="q"
         onChange={[Function]}
         placeholder="Type to start searching..."
         required={false}
         type="text"
-        value=""
       />
     </div>