Force cjs import of certain apollo deps

redwoodjs · Jun 24, 2024 · 360645c · 360645c
1 parent 02f9275
commit 360645c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/packages/web/src/apollo/fragmentRegistry.ts b/packages/web/src/apollo/fragmentRegistry.ts
@@ -1,8 +1,10 @@
 import * as apolloClient from '@apollo/client'
 import type { UseFragmentResult } from '@apollo/client'
+// @ts-expect-error Force import cjs module
+import { createFragmentRegistry } from '@apollo/client/cache/cache.cjs'
 import type { FragmentRegistryAPI } from '@apollo/client/cache/index.js'
-import { createFragmentRegistry } from '@apollo/client/cache/index.js'
-import { getFragmentDefinitions } from '@apollo/client/utilities/index.js'
+// @ts-expect-error Force import cjs module
+import { getFragmentDefinitions } from '@apollo/client/utilities/utilities.cjs'
 import type { DocumentNode } from 'graphql'
 
 export type FragmentIdentifier = string | number

diff --git a/packages/web/src/apollo/useCache.ts b/packages/web/src/apollo/useCache.ts
@@ -1,7 +1,8 @@
 import type { ApolloCache, Reference, StoreObject } from '@apollo/client'
 import type { NormalizedCacheObject } from '@apollo/client/cache/inmemory/types.js'
 import type { ApolloQueryResult } from '@apollo/client/core'
-import { useApolloClient } from '@apollo/client/react/hooks/useApolloClient.js'
+// @ts-expect-error Force import cjs module
+import { useApolloClient } from '@apollo/client/react/hooks/hooks.cjs'
 
 type useCacheType = {
   cache: ApolloCache<object>

diff --git a/packages/web/src/components/cell/createSuspendingCell.tsx b/packages/web/src/components/cell/createSuspendingCell.tsx
@@ -1,7 +1,8 @@
 import React, { Suspense } from 'react'
 
 import type { OperationVariables, QueryReference } from '@apollo/client'
-import { useApolloClient } from '@apollo/client/react/hooks/useApolloClient.js'
+// @ts-expect-error Force import cjs module
+import { useApolloClient } from '@apollo/client/react/hooks/hooks.cjs'
 
 import { useBackgroundQuery, useReadQuery } from '../GraphQLHooksProvider.js'