Unnecessary re-rendering in functional components, even with useEffect and cleanup?

Question

I am striving to create efficient code. I know that components will rerender if there has been a change in state or props, but I feel like I\'ve got some unnecessary renderi