Fix styled SSR for pages not requiring secondPassRenderResult

2020-07-08 18:47:06 +03:00
parent 97216a6f26
commit 545562bf0d
1 changed files with 7 additions and 2 deletions
@@ -40,11 +40,16 @@ server.get("*", async (req, res) => {
    resolutions: {}, promises: {},
  };

-  const firstPassRenderResult = renderToString(React.createElement(App, { url: req.url, context }));
-
  // Styled-components Step 1: Create an instance of ServerStyleSheet
  const sheet = new ServerStyleSheet();

+  // Styled-components Step 2: Retrieve styles from components in the page
+  const firstPassRenderResult = renderToString(
+    sheet.collectStyles(
+      React.createElement(App, { url: req.url, context })
+    )
+  );
+
  const promiseKeys = Object.keys(context.promises);
  let result: string;
  if (promiseKeys.length === 0) {