Form.jsx

// Stateless component to use inside the form
const RenderField = ({
  input,
  placeholder,
  type,
  meta: { touched, error }
}) => {
  return (
    <div style={{ width: '100%' }}>
      {touched && error ?

        <Form.Field error >
          <Label className='animated fadeIn' basic color='red' pointing='below'>{error}</Label>
          <input size={'medium'} className='input' {...input} placeholder={placeholder} />
        </Form.Field>
        :
        <Form.Field>
          <input size={'medium'} className='input' {...input} placeholder={placeholder} type={type} />
        </Form.Field>
      }
    </div>
  )
}

// Decorating the Form to use redux-form package
@reduxForm({
  form: 'register',
  validate
})
// The Register form
class FavForm extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    const { error, handleSubmit } = this.props
    return (
      <Form size='big' error={error && true} onSubmit={handleSubmit(submit)} className='animated fadeIn'>
        <Form.Group inline>
          <Field name="title" component={RenderField} type="text" placeholder="Title" />
          <Field name="address" component={RenderField} type="text" placeholder="Address (with http://)" />
          <Field name="tags" component={RenderField} type="text" placeholder="Tags (separated by space)" />
          <Button size='big' type='submit'>Add</Button>
        </Form.Group>
        {error &&
          <Message className='animated fadeIn'
            error
            header={error}
          />
        }
      </Form>
    )
  }
}
export default FavForm = connect()(FavForm)

Maybe the solution redux-form/redux-form#1853 (comment) not working because you are still rerendering input when touched changes?