react-payment-inputs | React Hook & Container to help with payment card input | Frontend Framework library

I'm using a library called react-payment-inputs to accept credit card numbers. The library provides input getter props that can be used to handle credit card input.

I'm able to use the getter prop methods with a simple input like this: .

However, when doing the same with TextField I get an error from within the library: Error: Cannot read property 'match' of undefined at Object.formatCardNumber

Here's the code showing the issue.