Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Critical Error (CRASH MY APP) When I'm Clicking To The Color Picker Input #48

Open
Bacdong opened this issue Nov 1, 2024 · 1 comment
Labels
help wanted Extra attention is needed question Further information is requested

Comments

@Bacdong
Copy link

Bacdong commented Nov 1, 2024

Describe the bug

  • I'm using and trying mui-color-input on both: MacOS and Windows 11. It's working fine when I'm running it on MacOS, but when I'm trying to use it on Windows 11. It has a critial error like below and crash my app.

  • I tried to switch to lower versions, and it's still be happened, the versions that I tried: 4.0.0, 4.0.1, 4.0.2

  • Unhandled Runtime Error:

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

Call Stack
- decomposeColor: ..\node_modules\@mui\system\colorManipulator.js (84:0)
- lighten: ..\node_modules\@mui\system\colorManipulator.js (308:0)
- eval: ..\node_modules\@mui\material\Slider\Slider.js (235:32)
- ...and many more

To Reproduce
Steps to reproduce the behavior:

  1. Add 'mui-color-input' to app
  2. Click on 'the color picker box into mui-color-input'
  3. The app will be CRASH and please see the error like the images I have attached below

Expected behavior
The project should compile and run without errors, as it does with version 4.0.0 / 4.0.1 / 4.0.2 of mui-color-input.

Screenshots
mui-color-input-error-by-clicking-to
mui-input-error

Additional context

  • Here is some my libraries:
     "devDependencies": {
     "react": "^18.2.0",
     "next": "^13.5.6",
     "mui-color-input": "4.0.1",
     "@mui/lab": "^5.0.0-alpha.70",
     "@mui/material": "^5.4.3",
     "@mui/x-data-grid": "^6.16.1",
     "@mui/x-data-grid-generator": "^6.16.2"
}
  • Here is my next.config.js file:
module.export = {
     output: 'export',
     distDir: process.env.NODE_ENV === 'production' ? '../app' : './.next',
     trailingSlash: true,
     reactStrictMode: false,
     images: {
          unoptimized: true,
     },
     transpilePackages: ['mui-color-input'],
};
@Bacdong Bacdong changed the title Critical Error When I'm Clicking To The Color Picker Input Critical Error (CRASH MY APP) When I'm Clicking To The Color Picker Input Nov 1, 2024
@viclafouch
Copy link
Owner

Hello !

I don't have Windows 11 so I can't test on it :/

@viclafouch viclafouch added help wanted Extra attention is needed question Further information is requested labels Nov 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed question Further information is requested
Projects
None yet
Development

No branches or pull requests

2 participants