How to use the @antv/x6.util.isValidColor function in @antv/x6

)}
          
          <div>
            
              Background Color
            
            {util.isValidColor(this.state.labelBackgroundColor) &amp;&amp; (
              
            )}
          </div>
        
        <div>
          <div>
            <div style="{{">Label Position</div>
            <select value="{this.state.labelPosition}" style="{{"></select></div></div>

)}
          
          <div>
            
              Gradient
            
            {util.isValidColor(this.state.gradient) &amp;&amp; (
              
            )}
          </div>
        
        <div>
          <div>
            
              Stroke</div></div>

fill="currentColor"
                  viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg"
                >

renderStyleTab() {
    const hasStroke =
      (this.state.strokeWidth != null && this.state.strokeWidth > 0) ||
      util.isValidColor(this.state.strokeColor)

    return (
      <div>
        <div>
          <div>
            
              Fill
            
            {util.isValidColor(this.state.fill) &amp;&amp; (
              
            )}
          </div>
          <div>
            </div></div></div>

>
              Fill
            
            {util.isValidColor(this.state.fill) && (
              
            )}
          
          <div>
            
              Gradient
            
            {util.isValidColor(this.state.gradient) &amp;&amp; (
              
            )}
          </div>
        
        <div>
          <div>
            </div></div>

const hasStroke =
      (this.state.strokeWidth != null && this.state.strokeWidth > 0) ||
      util.isValidColor(this.state.strokeColor)

    return (
      <div>
        <div>
          <div>
            
              Fill
            
            {util.isValidColor(this.state.fill) &amp;&amp; (
              
            )}
          </div>
          <div>
            
              Gradient
            
            {util.isValidColor(this.state.gradient) &amp;&amp; (</div></div></div>

)}
          
          <div>
            
              Border Color
            
            {util.isValidColor(this.state.labelBorderColor) &amp;&amp; (
              
            )}
          </div>
          <div>
            
              Background Color
            
            {util.isValidColor(this.state.labelBackgroundColor) &amp;&amp; (</div>

renderStyleTab() {
    const hasStroke =
      (this.state.strokeWidth != null && this.state.strokeWidth > 0) ||
      util.isValidColor(this.state.strokeColor)

    return (
      <div>
        <div>
          <div>
            
              Fill
            
            {util.isValidColor(this.state.fill) &amp;&amp; (
              </div></div></div>