KevinVandy/material-react-table

Mui palette theme problem

emrahc opened this issue · 1 comments

material-react-table version

2.12.1

react & react-dom versions

18.1.0

Describe the bug and the steps to reproduce it

I use next.js 14.1.0 . I updated material react table from v1 to v2. I have color definitions for palette

// ** Vars
  const whiteColor = '#FFF'
  const lightColor = '58, 53, 65'
  const darkColor = '231, 227, 252'
  const mainColor = mode === 'light' ? lightColor : darkColor

I also updated necessary packages, changed props, import definitions. But I got this error

Error: MUI: Unsupported 58, 53, 65 color. The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().

The problem is lightColor variable i changed it with rgb it worked but this time it killed all theme colors in entire system.

Minimal, Reproducible Example - (Optional, but Recommended)

hard to reproduce

Screenshots or Videos (Optional)

Ekran Resmi 2024-03-21 13 45 44

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.

I changed palette configuration and its fixed.