I am facing the same issue and would also like to know how to solve it, please.
Just like OP, when I try to place keys like large: { ... }, small: { ... }, it doesn’t work as expected. Instead of setting default styles, the entire contents of defaultStyles are placed into the responsiveStyles.large property of the component. This results in large: { large: { ... } ...}.
Is there a way to set default styles for tablet and mobile breakpoints?
Hello, has there been any progress on this topic? Additionally, I need to add default styles to the component, with different values for each breakpoint. If there have been any developments, please let me know. Thank you!