Typesafe redux-form field with custom props

Field.tsx

/**
 * Redux-form Field with custom property `nutrient` passed in directly and not via props
 * Type safe and no typescript erros
 */
import { Field, WrappedFieldProps } from 'redux-form';


type ExtrasProps = { nutrient: Nutrient };

const ValueField = Field as new () => Field<ExtraProps>;
// js output: const ValueField = Field;

return (
  <ValueField
    name='member-name'
    component={renderValueField}
    nutrient={nutrient} // extra prop!
  />
);

/**
 * Field renderer function (https://redux-form.com/7.1.2/docs/api/field.md/#2-a-stateless-function)
 */

function renderValueField(field: WrappedFieldProps & ExtraProp) {
    
  const { input, meta, nutrient } = field;
 
  return ...
 
}