Стиль не может быть применен к кнопке - React Hooks

Question

Я использую компонент resuable для кнопки, в котором я хочу передать цвет и bgColorvia реквизиты, цвет применяется, но затем цвет фона не применяется

const useStyles = makeStyles(theme => ({
  button: {
    //width:'100%',
    margin: theme.spacing(1)
  },
  input: {
    display: "none"
  }
}));

export default function ContainedButtons(props) {
  const classes = useStyles();
  const btnStyle = {
    color: props.color,
    backgroundColor: props.bgClrRed
  };
  console.log(props);
  return (
    <div>
      <Button
        variant="contained"
        style={{ backgroundColor: props.bgClrRed, color: props.color }}
        fullWidth="true"
        className={classes.button}
      >
        {props.name}
      </Button>
      <Button
        variant="contained"
        style={btnStyle}
        fullWidth="true"
        className={classes.button}
      >
        {props.name}
      </Button>
    </div>
  );
}

Я что-то упускаю, я незнаю, что может кто-нибудь, пожалуйста, дай мне знать

Обновления

  import ContainedButtons from '../container/buttonsControl';
  import css from '../variable.scss';

Answer 1

Попробуйте оператор спреда:

style={...btnStyle}