Comments (9)
@wayne530 - Looks like someone got to the bottom of this a couple days ago on the next.js apollo example :) vercel/next.js#8917
I'll look into implementing the fix here as well.
from next-apollo.
Note: Do not be alarmed that you see two renders being executed. Apollo recursively traverses the React render tree looking for Apollo query components. When it has done that, it fetches all these queries and then passes the result to a cache. This cache is then used to render the data on the server side (another React render). https://www.apollographql.com/docs/react/api/react-ssr/#getdatafromtree
from next-apollo.
@colinappnovation thanks for the reply. To be clear, I’m not seeing multiple different queries, I’m seeing exactly two identical graphql queries on a page that in theory should only execute one. By adding a console.log, I verified the server is executing one and the client is executing one. I would expect that if the page is rendered server-side, I would only see a single query by the server, and similarly, if the page is rendered client side, I’d see a single query by the client. Seeing both feels unexpected and certainly could have unintended consequences for mutations.
from next-apollo.
@adamsoffer I'm wondering if you might be able to comment on the "expectedness" of what I'm seeing? Do you see the same thing with your canonical example?
from next-apollo.
That's awesome news, thanks @adamsoffer for the update!
from next-apollo.
Hey @adamsoffer, just checking to see if you have any updates on this?
from next-apollo.
@adamsoffer @wayne530 was this issue resolved ? I face the same issue.
from next-apollo.
@chandan-reddy-k unfortunately, I don’t think it has yet.
from next-apollo.
This should be fixed in v4.0.0
from next-apollo.
Related Issues (20)
- Breaking Change with Nextjs 11 HOT 1
- Breaking: v5.0.5 lacks `dist` folder HOT 2
- With Apollo works only on a few pages
- Outdated next.js peer dependency HOT 1
- Is there a way to access the apollo client aside from just exporting it?
- Could not resolve dependency for [email protected] HOT 2
- Could not resolve dependency for next@"^12.0.10" HOT 2
- Detected multiple renderers concurrently rendering the same context provider HOT 3
- next-apollo is not working with [email protected] and graphql@16+ and @apollo/[email protected]
- Fetching data on client side after routing HOT 3
- Error while running `getDataFromTree` TypeError: Object(...) is not a function HOT 2
- How to Implement Token Refresh? (cookies) HOT 1
- Hydratation bug with first render HOT 9
- Question: is it possible to use with getStaticProps()? HOT 16
- Question: Testing with next-apollo
- Is it possible to switch getInitialProps to getServerSideProps? HOT 3
- Could not find "client" in the context or passed in as an option HOT 3
- Multiple queries at the same page HOT 1
- Consider exporting some types?
- Question: Is it possible to forward cookies to the graphql server?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from next-apollo.