Material-UI の標準で使用されているエラーの色を要素に適用したい

結論

Material-UI のコンポーネントであれば、下記で指定ができるそう。

<Box color="primary.main">primary.main</Box>

material-ui.com

HTML の要素に適用する場合は、下記で指定ができるそう。

const useStyles = makeStyles((theme) => ({
  errorText: {
    color: theme.palette.error.main,
  },
}));

const Sample: React.FC<Props> = (props) => {
  const classes = useStyles();

  return (
    <p className={classes.errorText}>hoge</p>
  );
};
                         

stackoverflow.com