Next.js Fetch data and use same data for all component trees

I have a next.js application with class components. I have three different component trees(three pages). There is no specific root directory. I am calling an API in one of the components and it returns a JSON response. I need to use this Json response in all three component trees(three pages). Same response. These are independent components with no common parent. I will be navigating from 1 page to other, and along with navigation I want data to be transferred too. How can I achieve this?