How to get rid of extra network requests in React?

Question

React

Guys, welcome) there was one problem. I don't understand how to solve it. The project has several linked pages. there is a search page and when you click on the illustration, you get to the illustration page. react-router is used for routing and axios for sending requests. the essence of the problem is that the requests that I made on the search page are sent to the internal page. those. why requests from one page are also called on another page. I can't understand it. Can you please tell me where to look for the problem? there are basically no requests on the illustration page right now, but they are being sent. thanks in advance.

Answer 1

In short, here's the problem.
moved part of the code to the componentDidMount method.