How to use the @blueprintjs/icons.IconNames.CARET_RIGHT function in @blueprintjs/icons

const collapseButton = (label: string, isOpen: boolean, toggleFunc: () => void) =>
      controlButton(label, isOpen ? IconNames.CARET_DOWN : IconNames.CARET_RIGHT, toggleFunc, {
        minimal: true,
        className: 'collapse-button'
      });

const collapseButton = (label: string, isOpen: boolean, toggleFunc: () => void) =>
  controlButton(label, isOpen ? IconNames.CARET_DOWN : IconNames.CARET_RIGHT, toggleFunc, {
    minimal: true,
    className: 'collapse-button'
  });

return (
      
        <button>
          Add a tier
        </button>
      
    );
  }

  return (
    <div>
      <div>
        <button> setIsOpen(!isOpen)}
        &gt;
          {RuleUtil.ruleToString(rule)}
        </button>
        <div>
        {moveUp &amp;&amp; <button>}
        {moveDown &amp;&amp; </button><button>}
        </button><button>
      </button></div>

      
        
          
            
              </div></div>

public render() {
        return (
            
                <button>
            
        );
    }
</button>

render(): JSX.Element {
    const { runeMode, onRun } = this.props;
    const runButtonText = 'Run' + (runeMode ? 'e' : '');

    return (
      
        {onRun ? (
          
            <button>
          
        ) : (
          </button><button disabled="">
        )}
        
          </button><button>
        
      
    );
  }
}</button>

$blockScrolling: Infinity
            }}
            setOptions={{
              enableBasicAutocompletion: isRune ? false : autoComplete,
              enableLiveAutocompletion: isRune ? false : autoComplete,
              showLineNumbers: true,
              tabSize: 2
            }}
            style={{}}
          />
        
      
      <div>
        
          <button disabled="{isRune">
          
            </button><button>
          
        
        {
          queryElapsed &amp;&amp;
          <span>
            {`Last query took ${(queryElapsed / 1000).toFixed(2)} seconds`}
          </span>
        }
        {
          queryElapsed &amp;&amp;</button></div>