Update example with emotion (vercel#2837)

silvenon · timneutkens · commit 3c92524b06a7 · 2017-08-24T08:27:49.000+02:00
* Update example with emotion

Emotion is now split into separate packages using Lerna.

* Update Next.js in emotion example
diff --git a/examples/with-emotion/.babelrc b/examples/with-emotion/.babelrc
@@ -3,6 +3,6 @@
     "next/babel"
   ],
   "plugins": [
-    ["emotion/babel", { "inline": true }]
+    ["emotion", { "inline": true }]
   ]
 }
diff --git a/examples/with-emotion/package.json b/examples/with-emotion/package.json
@@ -7,10 +7,13 @@
     "start": "next start"
   },
   "dependencies": {
-    "emotion": "^5.1.4",
-    "next": "^2.4.6",
+    "babel-plugin-emotion": "^7.1.0",
+    "emotion": "^7.2.0",
+    "emotion-server": "^7.2.0",
+    "next": "^3.0.6",
     "react": "^15.6.1",
-    "react-dom": "^15.6.1"
+    "react-dom": "^15.6.1",
+    "react-emotion": "^7.2.0"
   },
   "license": "ISC"
 }
diff --git a/examples/with-emotion/pages/_document.js b/examples/with-emotion/pages/_document.js
@@ -1,5 +1,5 @@
 import Document, { Head, Main, NextScript } from 'next/document'
-import { extractCritical } from 'emotion/server'
+import { extractCritical } from 'emotion-server'
 import { flush } from 'emotion'
 
 const dev = process.env.NODE_ENV !== 'production'
diff --git a/examples/with-emotion/pages/index.js b/examples/with-emotion/pages/index.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import { hydrate, keyframes, css, injectGlobal } from 'emotion'
-import styled from 'emotion/react'
+import styled from 'react-emotion'
 
 // Adds server generated styles to emotion cache.
 // '__NEXT_DATA__.ids' is set in '_document.js'
