Investigate cause of excessive re-rendering of list components

[kbertodatti]

When you click different tabs - any click or scroll is causing a re-render of the tab you're on. It might have something to do with mount component.

Generally what would cause this is modifying State directly and our app does this in a few places.

This issue came about very recently (in the last few weeks ~4 weeks). In the console (dev tools) watch the logging. Review commits around a month ago to see which commit has code that edits React State directly. It may not be this, but it most likely is the cause. The sort/filter functionality for example, might be a good place to start investigating.

Can also reference Dan's latest commit for a reference on the types of errors that would cause this issue.

It may also have to do with the dependencies in the use effect. If this overtriggers dependencies, that may contribute to performance issues. Need to figure out which one or two (not going to need every variable).

Ask Dan if you have questions.

--
No perceptible user experience change happening now, but users with devices that can't handle higher processing might experience lags.