tengo un grupo de botones de Material UI, y el código está aquí

 const [currentProjectSelect, setCurrentProjectSelect] = useState(null);

Este es mi estado.

 <ButtonGroup size="small" className={classes.projectTypeButton}> {projectType === 'offPlatform' && projectTypeValues.map((element, index) => <Button key={element.value} variant="contained" color="primary" className={[classes.budgetButton, {backgroundColor: currentProjectSelect === index ? '#315FFF' : '#fff'}]} onClick={() => { if (currentProjectSelect === null){ form.budget_type = element.value setCurrentProjectSelect(element.name) } else { setCurrentProjectSelect(null) } } } >{element.name}</Button> )} </ButtonGroup>

Aquí, en className, estoy tratando de implementar una lógica en la que el botón seleccionado tendrá un color de fondo diferente. No está trabajando. Solía ser un desarrollador nativo de reacción y la misma lógica utilizada para trabajar en estilos.