I am getting this issue with react form. After entering or deleting values from input field I get a red warning in the console. If I comment out the validate prop everything works fine.
Warning: Cannot update a component from inside the function body of a different component.
import { Field, reduxForm } from 'redux-form'; const required = value => (value ? undefined : 'Required field') const renderField = ({ input, label, type, meta: { touched, error, warning } }) => ( <div> <label>{label}</label> <div> <input {...input} placeholder={label} type={type} /> {touched && ((error && <span>{error}</span>) || (warning && <span>{warning}</span>))} </div> </div> ) function LoginForm(props) { const { handleSubmit } = props; return ( <form onSubmit={handleSubmit} > {console.log("LOGIN FORM PROPS", props)} <Field label="Username" name="username" component={renderField} type="text" placeholder="username" validate={[required]} /> <Field label="Password" name="password" component={renderField} type="password" placeholder="password" validate={[required]} /> <button type='submit'>Submit</button> </form> ) } export default reduxForm({ form: 'loginForm' })(LoginForm) 
