Estou utilizando o React Select para trabalhar com input tags. Ao inserir algo no input e pressionar enter, a tag é inserida... O ponto é que não consegui achar nada referente a limitações de tags na documentação ou internet. Gostaria de limitar em no máximo umas 10 tags. Tentei usar o YUP para sanar esse problema, mas sem sucesso. Estou usando o Creatable do React Select (https://react-select.com/creatable). Se houvesse algo na documentação pré pronta seria muito melhor. Uma ideia que estava em minha mente, era verificar as tags que tem no estado da aplicação, e então fazer uma condição para saber se há 10 tags ou não. Sugestões sobre essa possível solução são muito úteis.
Trecho de código que estou utilizando:
<CreatableSelect
styles={customStyles}
inputValue={inputValue}
components={components}
isClearable
isMulti
menuIsOpen={false}
onChange={this.handleChange}
onInputChange={this.handleInputChange}
onKeyDown={this.handleKeyDown}
placeholder="Aperte enter para inserir a tag"
value={value}
/>