InputText/InputTextArea: Typescript won't allow setting value

[melloware]

Describe the bug

In Typescript if you do this to set the value programatically.

<InputText ref={ref} value={value}  />

<Button label="Click" onClick={() => {  if (ref.current) ref.current.value = 'Test';  }} />

You get the error Property 'value' does not exist on type 'InputText'.

Reproducer

No response

PrimeReact version

8.7.1

React version

17.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

ALL

Steps to reproduce the behavior

<InputText ref={ref} value={value}  />

<Button label="Click" onClick={() => {  if (ref.current) ref.current.value = 'Test';  }} />

Compiler you will see the warning that value does not exist

Expected behavior

Allowed to set value like it was a regular HtmlInputText