reactjs - jsx が react-dom/server renderToString に渡されました

Question

react-dom/server を理解しようとしています。

サーバーとしてエクスプレスを使用して、反応するアプリケーションがあります。

私は次のような高速ルートを持っています:

var server = app.listen(3000);
app.get('/test', (req, res) => {                       
  const context = {}
  const html = ReactDOMServer.renderToString(
      <h1>foo</h1>
  )  
  if (context.url) {
    res.writeHead(302, {
      Location: context.url
    })
    res.end()
  } else {
    res.write(html)
    res.end()
  }
});

でサーバー ファイルを実行するとnode app-server、次のエラーが発生します。

      <h1>adasd</h1>
      ^
SyntaxError: Unexpected token <

そこの例に基づいて、JSXをrenderToStringに渡しました： https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/StaticRouter.md

Express サーバー ファイルでこの JSX コードを処理するにはどうすればよいですか?

クライアント側では、babel ローダーで webpack を使用していますが、問題なく動作します。