Как обойти ошибку Type 'boolean' cannot be used as an index type?

Question

[MishaXXL]

Есть стейт

const [buttonState, setButtonState] = useState(true)

Изменение происходит путем
setButtonState(!buttonState)
Описание кнопки

const btn = {
   true: { text: 'Show',  ... },
   false: { text: 'Hide',  ... }
}

При выполнении команды, TS ругается на Type 'boolean' cannot be used as an index type.
Но при этом код работает
btn[buttonState].text

Как лучше решить данную задачу с учетом TS?

Comments

[Александр]

setButtonState(!buttonState)

неплохо. Доку лучше глянуть про useState.

[MishaXXL]

Александр, а что не так?
Или вы про setButtonState(state => !state)?
Я ведь только один раз за функцию обновляю значение, а не несколько

[Александр]

MishaXXL, просто возьмите за правило, если на том же состоянии завязано изменение, то и используйте функциональный вариант.

Answer 1

[Алексей Ярков]

Как лучше решить данную задачу с учетом TS?

Не использовать true и false в качестве ключей объекта. Как вообще это пришло в голову?

Answer 2

[milanhabr]

Чтобы ответить на вопрос Алексей Ярков, причина, по которой хотелось бы это сделать, заключается в уменьшении цикломатической сложности.
Решение будет выглядеть примерно так:

btn[String(buttonState) as keyof typeof btn];