Having trouble with Mui5 and SC when trying to override base theme values. The base theme for Mui components looks like this:
const theme = createTheme({
components: {
MuiButton: {
styleOverrides: {
root: {
borderRadius: "1.75rem",
color: "red",
}
}
}
}
});
I'm attempting to extend the base button with custom colors using SC:
const StyledButton = styled(Button)(({ theme }: { theme: Theme }) => {
return {
fontFamily: theme.xxx,
color: "green"
};
});
However, only the default theme settings are being applied, not the custom ones.
What could be wrong in the implementation or what am I missing?
Thank you!