I'm using redux-form in React Native, along with React Native Elements to create forms.
The problem is, after the screen is rendered, the validations are getting called before the user has even had a chance to touch the input fields, showing input validations error too early.

My code:

FormInput:

```
import React from 'react'
import { Input } from "react-native-elements";

export default FormInput = (props) => {
    const { input, meta: { error }, ...inputProps } = props

    return <Input {...inputProps}
        onChangeText={input.onChange}
        onBlur={input.onBlur}
        onFocues={input.onFocus}
        value={input.value}
        errorMessage={error}
        />
}

```

LoginForm:

```
import React from 'react';
import { reduxForm, Field, isDirty } from 'redux-form/immutable';
import { View, Image } from 'react-native';
import { Button } from "react-native-elements";
import { required, email } from 'redux-form-validators'

import FormInput from "./FormInput";

import styles from "./Styles/LoginFormStyles";
import Colors from '../Themes/Colors'

const bla = (value) =>  {
    console.tron.log('value = ' + value)
    return value !== undefined ? undefined : 'is required'
}

const LoginForm = (props) => {
    const { handleSubmit, submitting } = props

    return (
        <View style={styles.container}>
            <Image source={require('../Images/logo.png')} style={styles.logoContainer} resizeMode='center' />
            <View style={styles.buttonHolderContainer}>
                <Field name="email" validate={bla} textContentType="emailAddress" keyboardType="email-address" autoCapitalize = 'none' component={FormInput} placeholder="Email" containerStyle={styles.inputContainerHolder} />
                <Field name="password" validate={[required()]} secureTextEntry component={FormInput} placeholder="Senha" containerStyle={styles.inputContainerHolder} />
                <Button title="Entrar" style={{ marginTop: 10 }} buttonStyle={{ backgroundColor: Colors.appColor }} titleStyle={{ color: 'black' }}
                    onPress={handleSubmit} loading={submitting} disabled={submitting}/>
            </View>
        </View>
    )
}

export default reduxForm({ form: 'LoginForm'})(LoginForm)

```

Versions:

* "react-native": "0.57.7",
* "react-native-elements": "^1.0.0",
* "react-navigation": "3.1.3",
* "react-redux": "^5.0.6",
* "redux": "^4.0.0",
* "redux-form": "^8.1.0"

The Redux call chain:
[![enter image description here](https://i.stack.imgur.com/43jli.png)](https://i.stack.imgur.com/43jli.png)
As you can see, the UPDATE\_SYNC\_ERRORS event is getting dispatched before any user interactions to the input.

Thanks for your time!