Typescript: Type 'string' is not assignable to custom type

Question

I have a type like this,

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

and the type is being used by component below

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

display can only be hide or active but I'm still getting this error

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

Is there any way to see what's in display or anything im doing it wrong?

Tholle · Accepted Answer · 2019-02-18 18:56:26Z

2

You can get rid of this error if you remove the template literal and just pass in either 'hide' or 'active' directly.

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

answered Feb 18, 2019 at 18:56

Tholle

113k22 gold badges209 silver badges198 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1