render select field with redux form

renderSelect.jsx

const renderSelect = (field) => (
  <div className="form-group">
    <label htmlFor={field.input.name}>{field.label}</label>
    <select
      id={field.id}
      name={field.input.name}
      defaultValue=""
      onChange={(event) => field.input.onChange(event.target.value)}
      onBlur={(event) => field.input.onBlur(event.target.value)}
      className={`form-control ${field.meta.touched && field.meta.error ? 'error' : ''}`}
    >
      {field.children}
    </select>
    {field.meta.touched && field.meta.error &&
    <span className="error">{field.meta.error}</span>}
  </div>
);