Как правильно использовать компонент с кастомным инпутом?

[turboBarbitura]

Есть пример кода как рендерить кастомный инпут? Передаю через функцию, но при каждом фокусе или ончендже идет перерендер компонента.

[svetlanapuro]

@turboBarbitura Добрый день. Скажите, пожалуйста, удалось ли вам разобраться, как использовать кастомный инпут с react-dadata?

[LostGuard]

Что-бы использовать кастомный инпут нужно просто передать его в компонент, я передал Ant Design компонент.
customInput={(props) => <Input size='small' disabled={this.state.disabled} {...props} />}
Но у меня возникла проблема что после выбора подсказки фокус не возвращается в поле ввода.
Может кто что посоветовать? Попытался вызвать focus через ссылку но почему то не сработало...

Вышел из ситуации тем что делаю ссылку не на компонент AddressSuggestions а на сам Input и в обработчике onChange ставлю небольшую задержку и вызываю focus(). Костыль конечно но без изменения кода самого AddressSuggestions я не нашел что можно сделать.

<AddressSuggestions
    customInput={(props) => <Input ref={this._dadataRef} size='small' disabled={this.state.disabled} {...props} />} 
    token="token" 
    value={this.state?.dadataValue}
    defaultQuery={this.state?.address}
    onChange={val => {
        this.setState({dadataValue: val});
        setTimeout(() => {
            this._dadataRef?.current?.focus();
        }, 100);
    }}
/>