The issue here was that since the checkbox property would get initialized to an undefined value, React would consider it to be uncontrolled. But later on we'd try to set a value, which'd cause React to complain. Ref: - Material-UI: A component is changing the uncontrolled checked state of SwitchBase to be controlled https://stackoverflow.com/questions/69259429/material-ui-a-component-is-changing-the-uncontrolled-checked-state-of-switchbas