title: RTK Query With Next JS?
body: <p>I am struggling to get my head around <strong>NEXT JS</strong> with <strong>RTK Query</strong> I'm trying to share data with multiple pages I just want one place where the data is added to the store so I am not making multiple calls.</p>
  <p>I want to call the query once and then access the data from all over the site. apose to calling it multiple times on different pages?</p>
  <p>I can't have it called on one page because the user might navigate to the other page where it has not been fetched yet</p>
  <p><strong>what is the best way to do it?</strong></p>
  <p>in the next docs it says you can override the _app <a href="https://nextjs.org/docs/advanced-features/custom-app" rel="nofollow noreferrer">https://nextjs.org/docs/advanced-features/custom-app</a> BUT I won't be able to use the RTK Query hooks in that.</p>
  <p><a href="https://i.stack.imgur.com/TiLj3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TiLj3.png" alt="enter image description here" /></a></p>