fix(remix): Update defer injection logic.

Author: onurtemizkan

packages/remix/src/utils/instrumentServer.ts

@@ -259,11 +259,11 @@ function makeWrappedRootLoader(remixVersion: number) {
       const traceAndBaggage = getTraceAndBaggage();
 
       if (isDeferredData(res)) {
-        return {
-          ...res.data,
-          ...traceAndBaggage,
-          remixVersion,
-        };
+        res.data['sentryTrace'] = traceAndBaggage.sentryTrace;
+        res.data['sentryBaggage'] = traceAndBaggage.sentryBaggage;
+        res.data['remixVersion'] = remixVersion;
+
+        return res;
       }
 
       if (isResponse(res)) {

packages/remix/test/integration/app_v1/entry.server.tsx

@@ -9,6 +9,7 @@ Sentry.init({
   tracePropagationTargets: ['example.org'],
   // Disabling to test series of envelopes deterministically.
   autoSessionTracking: false,
+  debug: true,
 });
 
 export default function handleRequest(

packages/remix/test/integration/app_v1/routes/loader-defer-response/$id.tsx

@@ -0,0 +1,2 @@
+export * from '../../../common/routes/loader-defer-response.$id';
+export { default } from '../../../common/routes/loader-defer-response.$id';

packages/remix/test/integration/app_v1/routes/loader-defer-response/index.tsx

@@ -0,0 +1,2 @@
+export * from '../../common/routes/loader-defer-response.$id';
+export { default } from '../../common/routes/loader-defer-response.$id';

packages/remix/test/integration/app_v2/routes/loader-defer-response.$id.tsx

@@ -14,7 +14,7 @@ export default function LoaderJSONResponse() {
 
   return (
     <div>
-      <h1>{data && data.id ? data.id : 'Not Found'}</h1>
+      <h1 id="data-render">{data && data.id ? data.id : 'Not Found'}</h1>
     </div>
   );
 }

packages/remix/test/integration/app_v2/routes/loader-defer-response.tsx

@@ -0,0 +1,9 @@
+import { test, expect } from '@playwright/test';
+
+test('should receive correct data from instrumented defer response', async ({ page }) => {
+  await page.goto('/loader-defer-response/98765');
+
+  const renderedId = await page.waitForSelector('#data-render');
+
+  expect(await renderedId?.textContent()).toBe('98765');
+});