From 27f8f55eac5651fa6bb365f0f6d20470ac51820c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20Daniel=20Xalambr=C3=AD?= <sergiodxa@gmail.com>
Date: Thu, 9 Mar 2017 23:11:01 -0500
Subject: [PATCH] Fix styled-components server-render example

---
 examples/with-styled-components/pages/_document.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/examples/with-styled-components/pages/_document.js b/examples/with-styled-components/pages/_document.js
index 384b19b96ea0..030091d0f210 100644
--- a/examples/with-styled-components/pages/_document.js
+++ b/examples/with-styled-components/pages/_document.js
@@ -4,7 +4,9 @@ import styleSheet from 'styled-components/lib/models/StyleSheet'
 export default class MyDocument extends Document {
   static async getInitialProps ({ renderPage }) {
     const page = renderPage()
-    const styles = styleSheet.rules().map(rule => rule.cssText).join('\n')
+    const styles = (
+      <style dangerouslySetInnerHTML={{ __html: styleSheet.rules().map(rule => rule.cssText).join('\n') }} />
+    )
     return { ...page, styles }
   }