| 4 | import { ServerRouter } from 'react-router'; |
| 5 | |
| 6 | export default async function handleRequest( |
| 7 | request: Request, |
| 8 | responseStatusCode: number, |
| 9 | responseHeaders: Headers, |
| 10 | routerContext: EntryContext, |
| 11 | _loadContext: AppLoadContext, |
| 12 | ) { |
| 13 | let shellRendered = false; |
| 14 | const userAgent = request.headers.get('user-agent'); |
| 15 | |
| 16 | const body = await renderToReadableStream( |
| 17 | <ServerRouter context={routerContext} url={request.url} />, |
| 18 | { |
| 19 | onError(error: unknown) { |
| 20 | responseStatusCode = 500; |
| 21 | // Log streaming rendering errors from inside the shell. Don't log |
| 22 | // errors encountered during initial shell rendering since they'll |
| 23 | // reject and get logged in handleDocumentRequest. |
| 24 | if (shellRendered) { |
| 25 | console.error(error); |
| 26 | } |
| 27 | }, |
| 28 | }, |
| 29 | ); |
| 30 | shellRendered = true; |
| 31 | |
| 32 | // Ensure requests from bots and SPA Mode renders wait for all content to load before responding |
| 33 | // https://react.dev/reference/react-dom/server/renderToPipeableStream#waiting-for-all-content-to-load-for-crawlers-and-static-generation |
| 34 | if ((userAgent && isbot(userAgent)) || routerContext.isSpaMode) { |
| 35 | await body.allReady; |
| 36 | } |
| 37 | |
| 38 | responseHeaders.set('Content-Type', 'text/html'); |
| 39 | return new Response(body, { |
| 40 | headers: responseHeaders, |
| 41 | status: responseStatusCode, |
| 42 | }); |
| 43 | } |