From 4622b17bb86cc93d3891bffce092a3f1f208c60f Mon Sep 17 00:00:00 2001
From: Kyrylo Hudym-Levkovych <kyr.hudym@kyrs-MacBook-Pro.local>
Date: Wed, 11 Oct 2023 14:14:47 +0300
Subject: [PATCH] fix: add default color for not valid value

---
 src/ColorPicker/index.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/ColorPicker/index.jsx b/src/ColorPicker/index.jsx
index 1cef1c336b..47091d0a76 100644
--- a/src/ColorPicker/index.jsx
+++ b/src/ColorPicker/index.jsx
@@ -10,6 +10,8 @@ import { OverlayTrigger } from '../Overlay';
 import Tooltip from '../Tooltip';
 import useToggle from '../hooks/useToggle';
 
+const DEFAULT_COLOR = '#fefefe';
+
 function ColorPicker({
   color, setColor, className, size,
 }) {
@@ -65,7 +67,7 @@ function ColorPicker({
           className="pgn__color-modal rounded shadow"
           style={{ textAlign: 'start' }}
         >
-          <HexColorPicker color={color || ''} onChange={setColor} />
+          <HexColorPicker color={hexValid ? color : DEFAULT_COLOR} onChange={setColor} />
           <Form.Group className="pgn__hex-form" size="sm">
             <div>
               <Form.Label className="pgn__hex-label">Hex</Form.Label>