adamsoffer / adamsoffer/next-apollo
Detected multiple renderers concurrently rendering the same context provider
- Lingua principale
- TypeScript
- Stelle
- 477
- Fork
- 62
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
I get the following warning when using this as hoc inside my Next.js app
My Apollo client:
```
import { ApolloClient, InMemoryCache } from '@apollo/client';
import { NextPageContext } from 'next';
import { withApollo } from 'next-apollo';
import { PaginatedPosts } from '../generated/graphql';
const createClient = (ctx: NextPageContext) =>
new ApolloClient({
uri: 'http://localhost:4000/graphql',
headers: {
cookie: (typeof window === 'undefined' && ctx?.req?.headers.cookie) || '',
},
cache: new InMemoryCache({
typePolicies: {
Query: {
fields: {
posts: {
keyArgs: [],
merge(existing: PaginatedPosts | undefined, incoming: PaginatedPosts): PaginatedPosts {
return {
...incoming,
posts: [...(existing?.posts || []), ...incoming.posts],
};
},
},
},
},
},
}),
credentials: 'include',
});
export default withApollo(createClient);
```
and this is how I am using it inside my pages
```
import { Box, Button, Flex, Heading, Link } from '@chakra-ui/react';
import { NextPage } from 'next';
import NextLink from 'next/link';
import { useRouter } from 'next/router';
import IndexHeader from '../components/IndexHeader';
import Layout from '../components/Layout';
import PostStack from '../components/PostStack';
import { PaginatedPosts, usePostsQuery } from '../generated/graphql';
import withApollo from '../utils/withApollo';
const Index: NextPage = () => {
const router = useRouter();
const { data, loading, fetchMore, variables } = usePostsQuery({
variables: {
limit: 15,
cursor: null,
},
notifyOnNetworkStatusChange: true,
});
const fetchMoreVar = () => ({
variables: {
limit: variables?.limit,
cursor: data?.posts.posts[data?.posts.posts.length - 1]?.createdAt,
},
});
return (
);
};
export default withApollo({ ssr: true })(Index);
```
on rendering this my console spits out the following warning
```
Warning: Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported.
```
This warning only shows up in the pages in which ssr is set to true
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Valutazione
Questa issue non è ancora stata valutata.