Component isn't loaded but that component still runs and makes API calls

I am using v2.6.2 in our project. We have a component that it's wrapping that makes an API call to get some data. I have 60 instances of this component on our page, hence the need for lazy loading. I can see in the DOM the lazyload component, and as I scroll they convert to my component (really neat btw) but I also see 60 API calls being made on the network tab. Is there a way to stop these components from running?