The full error is:
mru_1 | The function applied to this argument has type
mru_1 | (
mru_1 | ~?component: MaterialUi.TextField.Component.t,
mru_1 | ~?focused: bool,
mru_1 | ~?style: ReactDOMRe.Style.t,
mru_1 | ~?autoComplete: string,
mru_1 | ~?autoFocus: bool,
mru_1 | ~?children: 'a,
mru_1 | ~?classes: MaterialUi.TextField.Classes.t,
mru_1 | ~?className: string,
mru_1 | ~?color: [#Primary | #Secondary],
mru_1 | ~?defaultValue: MaterialUi.TextField.DefaultValue.t,
mru_1 | ~?disabled: bool,
mru_1 | ~?error: bool,
mru_1 | ~?_FormHelperTextProps: {..},
mru_1 | ~?helperText: React.element,
mru_1 | ~?hiddenLabel: bool,
mru_1 | ~?id: string,
mru_1 | ~?_InputLabelProps: {..},
mru_1 | ~?inputProps: {..},
mru_1 | ~?_InputProps: {..},
mru_1 | ~?label: React.element,
mru_1 | ~?margin: [#Dense | #None | #Normal],
mru_1 | ~?multiline: bool,
mru_1 | ~?name: string,
mru_1 | ~?onBlur: ReactEvent.Focus.t => unit,
mru_1 | ~?onChange: ReactEvent.Form.t => unit,
mru_1 | ~?onFocus: ReactEvent.Focus.t => unit,
mru_1 | ~?required: bool,
mru_1 | ~?rows: MaterialUi.TextField.Rows.t,
mru_1 | ~?rowsMax: MaterialUi.TextField.RowsMax.t,
mru_1 | ~?select: bool,
mru_1 | ~?_SelectProps: {..},
mru_1 | ~?size: [#Medium | #Small],
mru_1 | ~?_type: string,
mru_1 | ~?value: MaterialUi.TextField.Value.t,
mru_1 | ~?variant: [#Filled | #Outlined | #Standard],
mru_1 | ~?key: string,
mru_1 | ~?ref: ReactDOMRe.domRef,
mru_1 | ~?key: string,
mru_1 | ) => {
mru_1 | "_FormHelperTextProps": option<{..}>,
mru_1 | "_InputLabelProps": option<{..}>,
mru_1 | "_InputProps": option<{..}>,
mru_1 | "_SelectProps": option<{..}>,
mru_1 | "_type": option<string>,
mru_1 | "autoComplete": option<string>,
mru_1 | "autoFocus": option<bool>,
mru_1 | "children": option<'a>,
mru_1 | "className": option<string>,
mru_1 | "classes": option<MaterialUi.TextField.Classes.t>,
mru_1 | "color": option<[#Primary | #Secondary]>,
mru_1 | "component": option<MaterialUi.TextField.Component.t>,
mru_1 | "defaultValue": option<MaterialUi.TextField.DefaultValue.t>,
mru_1 | "disabled": option<bool>,
mru_1 | "error": option<bool>,
mru_1 | "focused": option<bool>,
mru_1 | "fullWidth": option<bool>,
mru_1 | "helperText": option<React.element>,
mru_1 | "hiddenLabel": option<bool>,
mru_1 | "id": option<string>,
mru_1 | "inputProps": option<{..}>,
mru_1 | "key": option<string>,
mru_1 | "label": option<React.element>,
mru_1 | "margin": option<[#Dense | #None | #Normal]>,
mru_1 | "multiline": option<bool>,
mru_1 | "name": option<string>,
mru_1 | "onBlur": option<ReactEvent.Focus.t => unit>,
mru_1 | "onChange": option<ReactEvent.Form.t => unit>,
mru_1 | "onFocus": option<ReactEvent.Focus.t => unit>,
mru_1 | "placeholder": option<string>,
mru_1 | "ref": option<ReactDOMRe.domRef>,
mru_1 | "required": option<bool>,
mru_1 | "rows": option<MaterialUi.TextField.Rows.t>,
mru_1 | "rowsMax": option<MaterialUi.TextField.RowsMax.t>,
mru_1 | "select": option<bool>,
mru_1 | "size": option<[#Medium | #Small]>,
mru_1 | "style": option<ReactDOMRe.Style.t>,
mru_1 | "value": option<MaterialUi.TextField.Value.t>,
mru_1 | "variant": option<[#Filled | #Outlined | #Standard]>
mru_1 | ,}
mru_1 | This argument cannot be applied with label ~onKeyPress
I believe it is because the label is not specified on the component: https://github.com/jsiebern/bs-material-ui/blob/075b1991c8365b8cb10182ff40b5c9a0578d0d06/public/bs-material-ui/src/MaterialUi_TextField.re
However, the event exists on the element beyond this type binding. I want to force unknown props to be pushed through to the underlying component. It currently works with a reason script, but when I try to use rescript instead, it fails with that error.