TextField tag won’t accept/register new values.

[Lunfer]

Describe the bug
While using the TextField component as part of a user profile form, I noticed that new values are not registered and thus returning undefined while console logging them. When I tried with the textField component from material-ui the values were being registered and accepted just fine.

To Reproduce
Here's a snippet of the code used to add the TextField component onto a new component called UserProfileComponent:
https://gist.github.com/Lunfer/dd6c97bb454525945c1b6883eb6d1de7

Expected behavior
What should be happening is the values being accepted like in the screenshot below. In the screenshot the TextField tag used is from material-ui.