any idea how to track a div dynamic Hight increase during an iteration?

Any idea how to track a div dynamic Hight increase during an iteration?
my issue here is I am getting the total height of the items rather than the height being increased on every iteration?

{items.map((item) => {
                if (document.getElementById('divtotrack')) {
                  let clientHeight = document.getElementById('divtotrack')!.clientHeight;
                }
                return (
                  <div>
                    <item
                      key={item.id}
                      id={item.id}
                      content={item.content}
                    />
                  </div>
                );
              })}
            </div>
          </div>