How to get rid of --is-focused, when the menu is closed?

[M4XPRD]

The problem is simple: when control has an auto focus, it gets an additional classname, so then it looks like this:

<div class="select__control select__control--is-focused css-13cymwt-control">

After I choose any option and try to type something into another <input>, I have to click on it twice to activate the input.

I've noticed it happens, because Select's control component always has --is-focused inside, so the question is: is there any way to disable it manually onMenuClose?

[M4XPRD]

Here's the solution I've found, if someone would ever need it:

const selectRef = useRef<SelectInstance<EventSelectOption> | null>(null) 

/*
 EventSelectionOptions include 'value' and 'label'
 and, in my case, 'title', 'days', 'month', which are used in `formatOptionLabel`
*/

  return (
    <Controller
      name={name}
      control={control}
      render={({ field }) => (
        <Select
          {...field}
          ref={selectRef} <---- Place ref into Select
          placeholder={'Choose a meeting'}
          options={eventsOptions}
          value={selectedValue}
          className={styles.select}
          classNamePrefix={'select'}
          onChange={(selectedOption) => {
            setSelectedValue(selectedOption)
            field.onChange(selectedOption?.value)
            field.onBlur()
            if (selectRef.current) {
              selectRef.current.blur() <---- Blur with used ref
            }
          }}
          formatOptionLabel={({ title, days, month }: EventSelectOption) => (
            <div className={styles.selectOption}>
              <div>{title}</div>
              <div className={styles.selectOptionDetails}>
                {days} {month}
              </div>
            </div>
          )}
...