Material-UI Grid仅点击时才更新为最新数据的问题求助

可复现样例 #

https://codesandbox.io/s/workingreactgrid-zvz12

复现流程 #

• 首先在左侧「Exit Price」下方的Date of Sale日期选择器（Datepicker）中输入任意日期，输入区域下方会生成对应表格
• 异常表现：在「Rents - Monthly」或者Repairs & Maintenance、Insurance等其他费用项中输入数值后，仅当手动点击表格时，输入的数值才会同步展示在表格内

已排查情况 #

推测问题可能出在App组件的useEffect写法上，猜测是点击表格时触发了重渲染才加载了最新状态，尝试了多种调整方案耗时一周仍无法实现表格自动同步输入的最新数据，因此寻求技术帮助。
相关代码几乎都集中在App和Inputs组件中，已做大量精简方便定位问题。

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