How to override the color of outlines of outlined input?

[serendipity1004]

<Field
    className={classes.textField}
    name="
    color="primary"
    component={TextField}
    type="text"
    variant="outlined"
    required={true}
    label="email"/>

I am currently using the component like above. However, even when I have set the primary color to be orange in the theme, the textfield outline color stays black and the error color is red. How do I change the outline color?

[zsolt-dev]

I have this problem too.

It seems like a bug in final-form-material-ui.

It does not forward the focused state flag. If you look in the react dev tools, focus on the field you will see the focused is not true. If you enable it in the dev tools, you will see the correct color.