Investigate render counts

[steaks]

Summary

Investigate the number of renders changes to queries and/or effects trigger. Find ways to reduce the number of renders if possible.

Acceptance Criteria

• Number of re-renders is as low as reasonably possible
• Code changes to reduce re-renders is not prohibitively complex

[steaks]

I'm seeing 4 re-renders for lazy queries when a dependency changes and 3 re-renders for queries when a dependency changes.

Lazy query:

• Render 1: Dependency is loading
• Render 2: Dependency is loaded and query is marked stale
• Render 3: Query is triggered/marked loading
• Render 4: Query is loaded

Eager query:

• Render 1: Dependency is loading
• Render 2: Dependency is loaded and query is triggered/marked loading
• Render 3: Query is loaded

[steaks]

We may be able to reduce the number of renders for if we track which hooks are on mounted components.