Enable fragments for prerendering

Author: Tobbe

packages/web/src/components/cell/createCell.tsx

@@ -1,3 +1,4 @@
+import { fragmentRegistry } from '../../apollo'
 import { getOperationName } from '../../graphql'
 /**
  * This is part of how we let users swap out their GraphQL client while staying compatible with Cells.
@@ -68,6 +69,8 @@ function createNonSuspendingCell<
       const { queryCache } = useCellCacheContext()
       const operationName = getOperationName(query)
 
+      const transformedQuery = fragmentRegistry.transform(query)
+
       let cacheKey
 
       if (operationName) {
@@ -99,7 +102,7 @@ function createNonSuspendingCell<
         } else {
           queryCache[cacheKey] ||
             (queryCache[cacheKey] = {
-              query,
+              query: transformedQuery,
               variables: options.variables,
               hasProcessed: false,
             })