React父子组件Props传递报错求助：props.UserName不是函数

我在React开发中遇到了父子组件Props传递的问题：在父组件中创建了state变量，尝试将该变量及其对应的更新函数传递给子组件后，出现如下报错：

react-dom.development.js:4312  Uncaught Type Error: props.UserName is not a function
at userValue (Editprofile.jsx:14:15)
at HTMLUnknownElement.callCallback2 (react-dom.development.js:4164:14)
at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:16)
at invokeGuardedCallback (react-dom.development.js:4277:31)
at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:25)
at executeDispatch (react-dom.development.js:9041:3)
at processDispatchQueueItemsInOrder (react-dom.development.js:9073:7)
at processDispatchQueue (react-dom.development.js:9086:5)
at dispatchEventsForPlugins (react-dom.development.js:9097:3)
at react-dom.development.js:9288:12 this is the error message

我知晓useContext可以解决这类跨组件传值问题，但目前不想采用该方案。已准备好三个相关代码文件，恳请帮忙排查解决。

内容的提问来源于stack exchange，提问作者Kweku Gyekete