fix: autocomplete component rendering

packages/admin-ui/src/components/inputs/base/Autocomplete.jsx

@@ -81,20 +81,18 @@ const Autocomplete = ({
       clearOnEscape
       isOptionEqualToValue={R.eqProps(valueProp)}
       {...props}
-      renderInput={params => {
+      renderInput={params => (
-        return (
+        <TextInput
-          <TextInput
+          {...params}
-            {...params}
+          autoFocus={autoFocus}
-            autoFocus={autoFocus}
+          label={label}
-            label={label}
+          value={outsideValue}
-            value={outsideValue}
+          error={error}
-            error={error}
+          size={size}
-            size={size}
+          fullWidth={fullWidth}
-            fullWidth={fullWidth}
+          textAlign={textAlign}
-            textAlign={textAlign}
+        />
-          />
+      )}
-        )
-      }}
       renderOption={(iprops, props) => {
         if (!props.warning && !props.warningMessage)
           return <li {...iprops}>{R.path([labelProp])(props)}</li>

packages/admin-ui/src/components/inputs/base/TextInput.jsx

@@ -20,6 +20,7 @@ const TextInput = memo(
     size,
     bold,
     className,
+    inputProps,
     InputProps,
     ...props
   }) => {
@@ -63,8 +64,7 @@ const TextInput = memo(
             },
             ...InputProps,
           },
-
+          htmlInput: { style: { textAlign }, ...inputProps },
-          htmlInput: { style: { textAlign } },
         }}
       />
     )