MUI FormControlLabel

code: disabled.tsx

<FormControlLabel

value="2"

sx={{mb: 1}}

control={<Radio onChange={e => props.callback(e.target.value)} />}

label={

<Typography color={!props.isQuestion && props.data.answer == '2' ? 'success.main' : 'text.primary'}>

(2) {data.choice2}

</Typography>

}

disabled={!props.isQuestion}

/>

themeで、diabledをblackでつぶしておいて、gray outを避けておく。

code: disabled-theme.tsx

const mdTheme = createTheme({

palette: {

text: {

disabled: 'black'

}

}

});