inputhistory | Keep a history of previously entered input values | Plugin library

I am relatively new to React/development in general (about 5 months), and I stumbled upon the following problem that has been driving me absolutely crazy. I am wondering if I am being stupid and missing a fundamental concept, or if this is something deeper.

To give you some background on my project and how this problem came up:

I am building a calculator app, very much like the one you get when you search 'calculator' on Google. I am trying to write a function that, every time the user clicks a button on the calculator, saves everything related to the display as an object and adds that object to an array, held in state, of the entire "input history" of the calculator. That way, when the user wants to delete the display values one by one, the calculator can just go back one index in the input history array and go back in time to the previous setting. This is so the calculator can still show the nice dynamically rendered stylings while deleting (exponents, un-matched parentheses, etc.) without having to write a really long, complicated, and almost certainly buggy delete function.

To accomplish this, I am telling my program to, after each change of state (where I keep the display values), add the current settings and display to the input history array. I chose to put this function in the componentDidUpdate method, and ensured it only fires once by only calling it if this.state.inputHistUpdated is false, which happens each time something is added to the display.

Here is my function, inside of the componentDidUpdate() method: