I use ReactJS 17 with radix-ui and stitches. My Select component is very straight forward:
<S.Wrapper>
<SelectRadix.Root ...
<S.Trigger id={htmlFor}>
I'm styling it with stitches. Everything works fine except the background color of the trigger.
If I inline it like this:
<S.Trigger id={htmlFor} style={{backgroundColor: 'white'}}
it works but if I change it in my stitches config
export const Trigger = styled(Select.Trigger, {
backgroundColor: 'white',
padding: '$2 $4',
});
Although the stitches config is taken into account as modifying the padding style actually modify the trigger.
I have no idea of what is wrong here.