Component Render Troubleshooting

When child component which not suppose to be rendered is rendering can be troubleshooted by placing at various component until we find what causing the all child components to render.

  public shouldComponentUpdate() {
     return false;
   }

Apollo Call renders the component multiple times

Keep in mind Apollo would cause the component at least twice, it sets the loading to true while requesting the data from the server and once fetch completes it renders again with updated data.

You can make use of loading state to only render the specific components.