fix: send cookies to the server by getting from next

Author: pooriaset

src/graphql/clients/clientSideMakeClient.ts

@@ -1,10 +1,14 @@
-import { from } from '@apollo/client';
+import { HttpLink, from } from '@apollo/client';
 import {
   NextSSRApolloClient,
   NextSSRInMemoryCache,
   SSRMultipartLink,
 } from '@apollo/experimental-nextjs-app-support/ssr';
-import { createErrorLink, httpLink } from '../utils';
+import { createErrorLink } from '../utils';
+
+const httpLink = new HttpLink({
+  uri: process.env.NEXT_PUBLIC_GATEWAY_URL,
+});
 
 export const makeClient = () => {
   return new NextSSRApolloClient({

src/graphql/clients/serverSideClient.ts

@@ -1,9 +1,19 @@
-import { ApolloClient, InMemoryCache, from } from '@apollo/client';
+import { ApolloClient, HttpLink, InMemoryCache, from } from '@apollo/client';
 import { registerApolloClient } from '@apollo/experimental-nextjs-app-support/rsc';
-import { httpLink } from '../utils';
+import { cookies } from 'next/headers';
 
 export const { getClient } = registerApolloClient(() => {
+  const cookiesStore = cookies();
+
+  const httpLink = new HttpLink({
+    uri: `${process.env.__NEXT_PRIVATE_ORIGIN}${process.env.NEXT_PUBLIC_GATEWAY_URL}`,
+    headers: {
+      cookie: cookiesStore.toString(),
+    },
+  });
+
   return new ApolloClient({
+    ssrMode: true,
     cache: new InMemoryCache(),
     connectToDevTools: true,
     link: from([httpLink]),

src/graphql/utils.ts

@@ -1,15 +1,7 @@
-import { HttpLink } from '@apollo/client';
 import { onError } from '@apollo/client/link/error';
 import { Observable } from '@apollo/client/utilities';
 import { toast } from 'react-toastify';
 
-export const httpLink = new HttpLink({
-  uri:
-    typeof window !== 'undefined'
-      ? process.env.NEXT_PUBLIC_GATEWAY_URL
-      : `${process.env.__NEXT_PRIVATE_ORIGIN}${process.env.NEXT_PUBLIC_GATEWAY_URL}`,
-});
-
 export const createErrorLink = () => {
   return onError(({ graphQLErrors, operation, forward }) => {
     const targetErrors = [