value gives [object Object] if inputComponnent={Input} and this Input is imported from "@material-ui/core"

<PhoneInput
              inputComponent={TextField}
              limitMaxLength
              value={phone}
              onChange={value => this.handlePhone(value)}
              error={phone ? (isValidPhoneNumber(phone) ? undefined : 'Invalid phone number') : 
'Phone number required'}
 />

Neither TextField not Input from material-ui/core works fine. Your component works perfectly fine but when we use Input from material-ui, it starts giving [object Object] in value where expected value is the entered phone number. Please help!

[catamphetamine]

@TylerRick

I finally found the solution to this problem (getting [object Object] as the value) that @mghazanfar and I were having, in the comments on #226

And I finally figured out that indeed inputComponent isn’t what I initially thought it was when replying in this issue. Lol. Indeed, just swapping inputComponent isn’t enough. I’ve added a new numberInputComponent property — this one is swappable and could be set to a Material UI input or whatever else.

Released react-phone-number-input@2.3.25 with the numberInputComponent property.

[TylerRick]

Thank you so much for your reply and suggested workaround. I don’t think we even need to simulate an event though.

I finally found the solution to this problem (getting [object Object] as the value) that @mghazanfar and I were having, in the comments on #226: @NevenLiang had a good example of an adapter component that adapts between the API of TextField and the API required by PhoneInput’s inputComponent, which solves this and a few other issues (like the need to implement input.focus)

I’ve created a sandbox demo here: https://codesandbox.io/s/integrate-react-phone-number-input-with-material-uicore-ohfwp

The next major pain point with using material-ui is that there doesn’t appear to be a way to pass props down to the input component. I’m suggesting we add one in issue #280.

---

Inspect the [object Object] and see what it is.

It’s a string. Something is coercing the Event object into the string, "[object Object]".