Table cell styling not working in MRT v3

[evitalv]

material-react-table version

v3.0.1

react & react-dom versions

v18.3.1

Describe the bug and the steps to reproduce it

This code worked fine in v2. I was styling the table like this:
muiTableHeadCellProps: { sx: { fontWeight: 'normal', fontSize: '0.75rem', color: 'grey.600', textTransform: 'uppercase', }, }, muiTableBodyCellProps: { sx: { borderWidth: 0 }, },

And I was using the same properties for a couple of individual columns to change their alignment:
muiTableHeadCellProps: { align: 'center' }, muiTableBodyCellProps: { align: 'right' },

As I said, this works fine. The problem appears when I move the first part under the defaultColumn option, as is recommended in the migration guide. The result is that the default column styling is ignored for those columns that have the specific alignment.

Minimal, Reproducible Example - (Optional, but Recommended)

Please see above.

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

No, because I do not know how

Terms

• I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[itshallrun]

Please create a reproducable example in a stackbiz or opensandbox. You can use the basic sandbox and adjust it to reproduce the issue:
https://stackblitz.com/github/KevinVandy/material-react-table/tree/v3/apps/material-react-table-docs/examples/basic/sandbox?file=src%2FTS.tsx

[evitalv]

Here you go: https://codesandbox.io/p/sandbox/vclgmw

You can see that the default formatting is ignored for column "Last name".