allow emotion to hydrate ssr css

vinaypuppal · vinaypuppal · commit 53dd5268a472 · 2017-11-20T22:00:34.000+05:30
diff --git a/components/common/header/index.js b/components/common/header/index.js
@@ -3,6 +3,7 @@ import Router, { withRouter } from 'next/router';
 import Headroom from 'react-headroom';
 import NProgress from 'nprogress';
 import Link from 'next/link';
+import { hydrate } from 'react-emotion';
 
 import MetaInfo from '../../../config/meta-info';
 import { Container } from '../../../utils/base.styles';
@@ -23,9 +24,9 @@ Router.onRouteChangeError = () => {
 
 // Adds server generated styles to emotion cache.
 // '__NEXT_DATA__.ids' is set in '_document.js'
-// if (typeof window !== 'undefined' && window.__NEXT_DATA__) {
-//   hydrate(window.__NEXT_DATA__.ids);
-// }
+if (typeof window !== 'undefined' && window.__NEXT_DATA__) {
+  hydrate(window.__NEXT_DATA__.ids);
+}
 
 class NavBar extends React.Component {
   state = {
