Handle clear of autocomplete correctly

Author: NicolasLooschen

lib/components/Inputs/Autocomplete/Autocomplete.js

@@ -35,7 +35,8 @@ export var Autocomplete = function (_a) {
     }).field;
     var onChange = field.onChange, onBlur = field.onBlur, ref = field.ref, value = field.value;
     var handleChange = function (e, newValue, reason) {
-        onChange(newValue.value);
+        var _a;
+        onChange((_a = newValue === null || newValue === void 0 ? void 0 : newValue.value) !== null && _a !== void 0 ? _a : '');
     };
     var formState = useFormContext().formState;
     var errors = formState.errors;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pikobytes/pikobytes-react-forms",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",

src/components/Inputs/Autocomplete/Autocomplete.tsx

@@ -13,7 +13,6 @@ import parse from 'autosuggest-highlight/parse';
 import match from 'autosuggest-highlight/match';
 
 
-
 export const Autocomplete = ({
                                customProperties: { options, registerReturn },
                                fieldId,
@@ -36,7 +35,7 @@ export const Autocomplete = ({
 
 
   const handleChange = (e: any, newValue: any, reason: string) => {
-    onChange(newValue.value);
+    onChange(newValue?.value ?? '');
   };
 
   const { formState } = useFormContext();