fix(start): do not interfere with deferred promise resolution (#2974)

* fix(start): do not interfere with deferred promise resolution

* ci: apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

e2e/start/basic/app/routes/deferred.tsx

@@ -1,4 +1,4 @@
-import { Await, createFileRoute, defer } from '@tanstack/react-router'
+import { Await, createFileRoute } from '@tanstack/react-router'
 import { createServerFn } from '@tanstack/start'
 import { Suspense, useState } from 'react'
 
@@ -18,12 +18,10 @@ const slowServerFn = createServerFn({ method: 'GET' })
 export const Route = createFileRoute('/deferred')({
   loader: async () => {
     return {
-      deferredStuff: defer(
-        new Promise<string>((r) =>
-          setTimeout(() => r('Hello deferred!'), 2000),
-        ),
+      deferredStuff: new Promise<string>((r) =>
+        setTimeout(() => r('Hello deferred!'), 2000),
       ),
-      deferredPerson: defer(slowServerFn({ data: { name: 'Tanner Linsley' } })),
+      deferredPerson: slowServerFn({ data: { name: 'Tanner Linsley' } }),
       person: await personServerFn({ data: { name: 'John Doe' } }),
     }
   },

packages/react-router/src/awaited.tsx

@@ -42,7 +42,6 @@ export function useAwaited<T>({
       }
     }
   }
-  console.log('useAwaited', promise[TSR_DEFERRED_PROMISE])
   return [promise[TSR_DEFERRED_PROMISE].data, promise]
 }
 
@@ -66,7 +65,6 @@ function AwaitInner<T>(
   },
 ): React.JSX.Element {
   const [data] = useAwaited(props)
-  console.log('AwaitInner', data)
 
   return props.children(data) as React.JSX.Element
 }

packages/react-router/src/defer.ts

@@ -39,7 +39,6 @@ export function defer<T>(
     .then((data) => {
       promise[TSR_DEFERRED_PROMISE].status = 'success'
       promise[TSR_DEFERRED_PROMISE].data = data
-      console.log('defer then', promise[TSR_DEFERRED_PROMISE])
     })
     .catch((error) => {
       promise[TSR_DEFERRED_PROMISE].status = 'error'

packages/start/src/client/serialization.tsx

@@ -107,12 +107,6 @@ export function afterHydrate({ router }: { router: AnyRouter }) {
 
       if (extracted) {
         Object.entries(extracted).forEach(([_, ex]: any) => {
-          if (ex.value instanceof Promise) {
-            const og = ex.value
-            ex.value = og.then((data: any) => {
-              return data
-            })
-          }
           deepMutableSetByPath(match, ['loaderData', ...ex.path], ex.value)
         })
       }