Difficult to remove 'NaN' in ColorPicker RGB input

[ConnorTimpe]

Describe the bug
When inputting a value into the RGB input of the ColorPicker, if you enter a non numerical value, NaN is displayed in the input field. You are then unable to type in that input until you select a color from a different input method.

To Reproduce
Steps to reproduce the behavior:

1. Open the ColorPicker.
2. In any of the RGB input fields, type a letter or symbol (ex: 'A')
3. NaN should appear
4. Attempt to enter a new value into the same RGB input field

Expected behavior
After entering an incorrect value into an RGB field, a warning should pop up (similar to the ones present on the hex input field). You should still be able to type in the RBG field and backspace to delete the entered text.

Screenshots

[mikbry]

Nice catch I work on a fix

[viclafouch]

This package (https://viclafouch.github.io/mui-color-input/) handles this problem, supports both React 17 / 18 and MUI V5