Fix useDeno rendering error in vercel

Author: ije

framework/react/hooks.ts

@@ -39,30 +39,31 @@ export function useDeno<T = any>(callback: () => (T | Promise<T>), options?: { k
   return useMemo(() => {
     const global = window as any
     const href = router.toString()
-    const pagedataUrl = `pagedata://${href}`
-    const dataUrl = `${pagedataUrl}#${id}`
+    const dataUrl = `pagedata://${href}`
 
     if (inDeno) {
-      const renderingData = global[`rendering-${pagedataUrl}`]
+      const renderingData = global[`rendering-${dataUrl}`]
 
       if (renderingData && id in renderingData) {
         return renderingData[id]  // 2+ pass
       }
 
       const value = callback()
       const expires = typeof revalidate === 'number' && !isNaN(revalidate) ? Date.now() + revalidate * 1000 : 0
-      events.emit(`useDeno-${pagedataUrl}`, { id, value, expires })
+      events.emit(`useDeno-${dataUrl}`, { id, value, expires })
 
       // thow an `AsyncUseDenoError` to break current rendering
       if (value instanceof Promise) {
         throw new AsyncUseDenoError()
       }
 
-      renderingData[id] = value
+      if (renderingData) {
+        renderingData[id] = value
+      }
       return value
     }
 
-    const data = global[dataUrl]
+    const data = global[`${dataUrl}#${id}`]
     return data?.value
   }, [id, router])
 }

framework/react/renderer.ts

@@ -22,7 +22,7 @@ export async function render(
   nestedPageComponents: { specifier: string, Component?: any, props?: Record<string, any> }[],
   styles: Record<string, { css?: string, href?: string }>
 ): Promise<FrameworkRenderResult> {
-  const global = globalThis as any
+  const global = window as any
   const ret: FrameworkRenderResult = {
     head: [],
     body: '',
@@ -35,12 +35,13 @@ export async function render(
     scripts: new Map(),
   }
   const dataUrl = 'pagedata://' + url.toString()
+  const dataKey = 'rendering-' + dataUrl
   const asyncCalls: Array<[string, number, Promise<any>]> = []
   const data: Record<string, any> = {}
   const renderingData: Record<string, any> = {}
   const pageProps = createPageProps(nestedPageComponents)
-  const defer = () => {
-    delete global['rendering-' + dataUrl]
+  const defer = async () => {
+    Reflect.deleteProperty(global, dataKey)
     events.removeAllListeners('useDeno-' + dataUrl)
   }
 
@@ -58,7 +59,7 @@ export async function render(
   })
 
   // share rendering data
-  global['rendering-' + dataUrl] = renderingData
+  global[dataKey] = renderingData
 
   // listen `useDeno-*` events to get hooks callback result.
   events.on('useDeno-' + dataUrl, ({ id, value, expires }: { id: string, value: any, expires: number }) => {