Update apollo client so it can be used in ssr

omahs · Jan 17, 2023 · 538ddbf · 538ddbf
1 parent 694e7b0
commit 538ddbf
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 9 deletions.
diff --git a/src/graphql/client.ts b/src/graphql/client.ts
@@ -5,7 +5,11 @@ import config from 'src/config'
 
 const { enableGraphQl, graphqlUrl } = config
 
-export let apolloClient: ApolloClient<NormalizedCacheObject>
+let apolloClient: ApolloClient<NormalizedCacheObject>
+
+export function getApolloClient() {
+  return apolloClient || initializeApollo()
+}
 
 const createApolloClient = (graphqlUrl: string): ApolloClient<NormalizedCacheObject> => {
   return new ApolloClient({

diff --git a/src/rtk/features/posts/postsSlice.ts b/src/rtk/features/posts/postsSlice.ts
@@ -4,7 +4,7 @@ import { FindPostsQuery } from '@subsocial/api/filters'
 import { getFirstOrUndefined } from '@subsocial/utils'
 import { getPostsData } from 'src/graphql/apis'
 import { PostFragmentMapped, PostFragmentWithParent } from 'src/graphql/apis/types'
-import { apolloClient } from 'src/graphql/client'
+import { getApolloClient } from 'src/graphql/client'
 import {
   createFetchOne,
   createSelectUnknownIds,
@@ -195,7 +195,7 @@ const getPosts = createFetchDataFn<PostState[]>([])({
   },
   squid: async ({ ids, publicOnly }: { ids: string[]; publicOnly?: boolean }) => {
     if (ids.length === 0) return []
-    const posts = await getPostsData(apolloClient, {
+    const posts = await getPostsData(getApolloClient(), {
       where: {
         id_in: ids,
         hidden_not_eq: publicOnly ? true : undefined,

diff --git a/src/rtk/features/profiles/profilesSlice.ts b/src/rtk/features/profiles/profilesSlice.ts
@@ -3,7 +3,7 @@ import { SubsocialApi } from '@subsocial/api'
 import { bnsToIds, toSubsocialAddress } from '@subsocial/utils'
 import { getProfilesData } from 'src/graphql/apis'
 import { ProfileFragmentMapped } from 'src/graphql/apis/types'
-import { apolloClient } from 'src/graphql/client'
+import { getApolloClient } from 'src/graphql/client'
 import {
   CommonVisibility,
   createFetchOne,
@@ -77,7 +77,7 @@ const getProfiles = createFetchDataFn<ProfileSpaceIdByAccount[]>([])({
     return spaceIdsByAccouts.filter(x => !!x.id)
   },
   squid: async ({ ids }: { ids: string[] }) => {
-    const profiles = await getProfilesData(apolloClient, { ids })
+    const profiles = await getProfilesData(getApolloClient(), { ids })
     return profiles
   },
 })

diff --git a/src/rtk/features/reactions/myPostReactionsSlice.ts b/src/rtk/features/reactions/myPostReactionsSlice.ts
@@ -3,7 +3,7 @@ import { SubsocialApi } from '@subsocial/api'
 import { getFirstOrUndefined, idToBn, isDef, isEmptyArray, isEmptyStr } from '@subsocial/utils'
 import BN from 'bn.js'
 import { getAddressPostsReaction } from 'src/graphql/apis'
-import { apolloClient } from 'src/graphql/client'
+import { getApolloClient } from 'src/graphql/client'
 import {
   decodePrependedIdWithAddress,
   FetchManyArgsWithPrefetch,
@@ -117,7 +117,11 @@ const getMyReactionsByPostIds = createFetchDataFn<FetchManyResult>([])({
     return Array.from(reactionByPostId.values())
   },
   squid: async ({ ids, myAddress }: { ids: string[]; myAddress: string }) => {
-    return getAddressPostsReaction(apolloClient, { address: myAddress, postIds: ids }, idSeparator)
+    return getAddressPostsReaction(
+      getApolloClient(),
+      { address: myAddress, postIds: ids },
+      idSeparator,
+    )
   },
 })
 

diff --git a/src/rtk/features/spaces/spacesSlice.ts b/src/rtk/features/spaces/spacesSlice.ts
@@ -4,7 +4,7 @@ import { FindSpacesQuery } from '@subsocial/api/filters'
 import { getFirstOrUndefined } from '@subsocial/utils'
 import { getSpacesData } from 'src/graphql/apis'
 import { SpaceFragmentMapped } from 'src/graphql/apis/types'
-import { apolloClient } from 'src/graphql/client'
+import { getApolloClient } from 'src/graphql/client'
 import {
   createFetchOne,
   FetchManyArgsWithPrefetch,
@@ -145,7 +145,7 @@ const getSpaces = createFetchDataFn<SpaceState[]>([])({
     return entities
   },
   squid: async ({ ids }: { ids: string[] }) => {
-    const spaces = await getSpacesData(apolloClient, { where: { id_in: ids } })
+    const spaces = await getSpacesData(getApolloClient(), { where: { id_in: ids } })
     return spaces.map<SpaceState>(space => ({ ...space, isOverview: true }))
   },
 })