dagda1/gist:c2b5379256fd3e44fe1bb9903fd6e3e2

## gistfile1.txt
export async function render({ req, res }: RendererOptions): Promise<void> {
  const context: StaticRouterContext = {};

  const appString = renderToString(
    <StaticRouter location={req.url} context={context}>
      <Routes />
    </StaticRouter>,
  );

  const scriptTags = ['vendor', 'client']
    .filter(k => !!assets[k]?.js)
    .map(k => `<script src="${assets[k].js}" defer crossorigin></script>`)
    .join('\n');

  res.status(HttpStatusCode.Ok).send(`
    <!doctype html>
    <html lang="en">
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        ${`<link rel="stylesheet" href="${assets.client.css}">`}
      </head>
      <body>
        <div id="root">${appString}</div>
        ${scriptTags}
      </body>
    </html>
`);
}
	export async function render({ req, res }: RendererOptions): Promise<void> {
	const context: StaticRouterContext = {};

	const appString = renderToString(
	<StaticRouter location={req.url} context={context}>
	<Routes />
	</StaticRouter>,
	);

	const scriptTags = ['vendor', 'client']
	.filter(k => !!assets[k]?.js)
	.map(k => `<script src="${assets[k].js}" defer crossorigin></script>`)
	.join('\n');

	res.status(HttpStatusCode.Ok).send(`
	<!doctype html>
	<html lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
	<meta charSet="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	${`<link rel="stylesheet" href="${assets.client.css}">`}
	</head>
	<body>
	<div id="root">${appString}</div>
	${scriptTags}
	</body>
	</html>
	`);
	}