Hi @smerling-coremedia,

Thank you for reporting this issue. I investigated the problem, and it seems like there might be a discrepancy between the intended functionality of MuiGrid2 style overrides and the current implementation.

Analysis

• Current Behavior: Only the "root" styleOverride seems to be working for MuiGrid2. The "container" styleOverride is not being applied, leading to a TypeScript error.
• Expected Behavior: According to the documentation for MuiGrid2, it is expected that we can use the theme overrides for "container", similar to the original Grid component. However, the current implementation does not seem to support "container" in the theme overrides, causing confusion and a lack of consistent behavior.

Suggested Solution

1. Use sx Prop for Container Styling:
   • As a workaround, you can use the sx prop to apply specific styles to MuiGrid2 components that use the container prop. This will allow you to apply styles directly to the container instance.

   <Grid2 container spacing={2} sx={{ border: '2px solid blue' }}>
     <Grid2 xs={6}>Item 1</Grid2>
     <Grid2 xs={6}>Item 2</Grid2>
   </Grid2>

This approach helps bypass the current limitation of the styleOverrides for "container" while maintaining the same functionality.

Update Documentation:

It would be helpful to update the documentation to either clarify that "container" overrides are not supported in MuiGrid2, or to include an example of how the component should be used to style containers effectively.

Possible Fix in the Codebase:

If "container" is meant to be supported in MuiGrid2 style overrides, then it might be a bug in the current implementation. The root cause seems to be the absence of "container" from the utility classes applied internally by Grid2.
A potential solution would involve updating the Grid2 implementation to include the "container" class in its list of overrideable styles.

Next Steps

If this difference between Grid and Grid2 was intentional, adding a note to the documentation would be extremely helpful to avoid confusion.
If it is a bug, I would recommend adding support for "container" in the styleOverrides so that it matches the behavior of Grid.

Thanks again for bringing this up, and I hope the above suggestions help. I'm happy to assist further if needed.

Thank you so much for your extended feedback! I'm glad this is an already know issue and will be resolved soon :)