default props added to text input

src/common/NavBar/SearchBar/SearchBar.js

@@ -44,14 +44,10 @@ const SearchBar = ({ className }) => {
                         key={query}
                         ref={searchInputRef}
                         className={styles['search-input']}
-                        defaultValue={query}
-                        tabIndex={-1}
-                        size={1}
                         type={'text'}
                         placeholder={'Search'}
-                        autoCorrect={'off'}
+                        defaultValue={query}
-                        autoCapitalize={'off'}
+                        tabIndex={-1}
-                        spellCheck={false}
                         onSubmit={queryInputOnSubmit}
                     />
                     :

src/common/TextInput/TextInput.js

@@ -16,6 +16,11 @@ const TextInput = React.forwardRef((props, ref) => {
     }, [props.onKeyUp, props.onSubmit]);
     return (
         <input
+            size={1}
+            autoCorrect={'off'}
+            autoCapitalize={'off'}
+            autoComplete={'off'}
+            spellCheck={false}
             tabIndex={focusable && !props.disabled ? 0 : -1}
             {...props}
             ref={ref}