Typescript: тип 'string' не может быть назначен пользовательскому типу

Question

У меня есть такой тип,

interface StyleProps {
  display?: 'hide' | 'active'
}

, и этот тип используется компонентом ниже

<Section display={`${this.state.section !== 'chatbot' ? 'hide' : 'active'}`}>

display может быть только hide или activeно я все еще получаю эту ошибку

 TS2322: Type 'string' is not assignable to type '"hide" | "active" | undefined'.

Есть ли способ узнать, что в display или что-то я делаю неправильно?

Answer 1

Вы можете избавиться от этой ошибки, если удалите литерал шаблона и просто передадите либо 'hide', либо 'active' напрямую.

<Section display={this.state.section !== 'chatbot' ? 'hide' : 'active'}>