Type 'null' is not assignable to type 'HTMLInputElement' ReactJs

Question

I am trying to reference data into reactJS along with typescript. While doing this I am getting below error

Type \'null\' is not assignable to type \'HTMLInputEl         


        

Answer 1

The error is produced becase the types definitions says input can be null or a HTMLInputElement

You can set "strict": false in your tsconfig.json

Or you can force the input to be HTMLInputElement type

 (this.textInput = thisInput as HTMLInputElement)} type="text" className="form-control" placeholder="Search" />

This way is also valid (using definite assignment assertions (typescript >= 2.7))

 (this.textInput = thisInput!)} type="text" className="form-control" placeholder="Search" />