Typescript input onchange event.target.value : <p>In my react and typescript app, I use: <code>onChange={(e) =&gt; data.motto = (e.target as any).value}</code>.</p>

<p>How do I correctly define the typings for the class, so I wouldn't have to hack my way around the type system with <code>any</code>?</p>

<pre><code>export interface InputProps extends React.HTMLProps&lt;Input&gt; {
...

}

export class Input extends React.Component&lt;InputProps, {}&gt; {
}
</code></pre>

<p>If I put <code>target: { value: string };</code> I get :</p>

<pre><code>ERROR in [default] /react-onsenui.d.ts:87:18
Interface 'InputProps' incorrectly extends interface 'HTMLProps&lt;Input&gt;'.
  Types of property 'target' are incompatible.
    Type '{ value: string; }' is not assignable to type 'string'.
</code></pre>
