Can't get ref on <input> if it's a child of <Input>

[darkadept]

Can't get React ref on <input> if it's a child of <Input>.

Steps

<Input>
  <input type="text" ref={r => console.log(r)}/>
</Input>

Expected Result

I would expect to see this following in the console, indicating that r is the ref to the <input> tag.

<input type="text">

Actual Result

The ref function is never called. There is no console.log output at all.

Version

0.67.2

Testcase

http://codepen.io/darkadept/pen/mWazWa

[layershifter]

It happens because we handle ref even Input has child input, so we overriding existing ref without handling it.