Input box is extremely slow if the state contains a large array

[think-in-universe]

If the component has an array type state which is has more than 500 or 1000 elements, the input box is really slow when you type.

Copy and paste below code to https://near.org/sandbox and it should be able to reproduce it.

State.init({
  data: Array(1000)
    .fill(0)
    .map((_, i) => ({
      id: i,
    })),
});

return (
  <div>
    <input onChange={(e) => State.update({ input: e.target.value })} />
  </div>
);