Redux form Select example

import FormControl from '@material-ui/core/FormControl';
import FormHelperText from '@material-ui/core/FormHelperText';
import Input from '@material-ui/core/Input';
import InputLabel from '@material-ui/core/InputLabel';
import Select from '@material-ui/core/Select';
import uniqueId from 'lodash-es/uniqueId';
import * as React from 'react';
import { WrappedFieldInputProps, WrappedFieldProps } from 'redux-form';

const onChange = (input: WrappedFieldInputProps) => (event: React.ChangeEvent<HTMLSelectElement>) =>
  input.onChange(event.target.value);

export interface ISelectFieldProps extends WrappedFieldProps {
  children: React.ComponentType;
}

export const SelectField = ({ input, meta: { touched, error }, children, ...custom }: ISelectFieldProps) => {
  const id = uniqueId();
  return (
    <FormControl error={touched && error}>
      <InputLabel htmlFor={id}>{'Проект'}</InputLabel>
      <Select
        error={touched && error}
        {...input}
        displayEmpty
        input={<Input name={input.name} id={id} />}
        onChange={onChange(input)}
        children={children}
        {...custom}
      />
      {touched && error && <FormHelperText>{error}</FormHelperText>}
    </FormControl>
  );
};