fix: polyfill promise with resolvers

Author: tannerlinsley

src/router.tsx

@@ -1,3 +1,5 @@
+import './utils/promise-with-resolvers'
+
 import { createRouter } from '@tanstack/react-router'
 import { setupRouterSsrQueryIntegration } from '@tanstack/react-router-ssr-query'
 import { routeTree } from './routeTree.gen'

src/server.ts

@@ -1,3 +1,4 @@
+import './utils/promise-with-resolvers'
 import './instrument.server.mjs'
 
 import { wrapFetchWithSentry } from '@sentry/tanstackstart-react'

src/start.ts

@@ -1,3 +1,5 @@
+import './utils/promise-with-resolvers'
+
 import {
   sentryGlobalFunctionMiddleware,
   sentryGlobalRequestMiddleware,

src/utils/promise-with-resolvers.ts

@@ -0,0 +1,33 @@
+declare global {
+  interface PromiseConstructor {
+    withResolvers?<T>(): {
+      promise: Promise<T>
+      reject: (reason?: unknown) => void
+      resolve: (value: T | PromiseLike<T>) => void
+    }
+  }
+}
+
+if (typeof Promise.withResolvers !== 'function') {
+  Object.defineProperty(Promise, 'withResolvers', {
+    configurable: true,
+    value: function withResolvers<T>() {
+      let resolve!: (value: T | PromiseLike<T>) => void
+      let reject!: (reason?: unknown) => void
+
+      const promise = new Promise<T>((nextResolve, nextReject) => {
+        resolve = nextResolve
+        reject = nextReject
+      })
+
+      return {
+        promise,
+        reject,
+        resolve,
+      }
+    },
+    writable: true,
+  })
+}
+
+export {}