[examples] Update gatsby example to use @material-ui/* next (#23089)

mui · Oct 17, 2020 · 919f2d2 · 919f2d2
1 parent dc60f3d
commit 919f2d2
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/examples/gatsby/gatsby-config.js b/examples/gatsby/gatsby-config.js
@@ -13,6 +13,7 @@ module.exports = {
     // If you want to use styled components you should add the plugin here.
     // 'gatsby-plugin-styled-components',
     'gatsby-plugin-react-helmet',
+    'gatsby-plugin-emotion',
   ],
   siteMetadata: {
     title: 'My page',

diff --git a/examples/gatsby/package.json b/examples/gatsby/package.json
@@ -1,11 +1,14 @@
 {
   "name": "gatsby",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "private": true,
   "dependencies": {
-    "@material-ui/core": "latest",
-    "@material-ui/styles": "latest",
+    "@emotion/core": "latest",
+    "@emotion/styled": "latest",
+    "@material-ui/core": "next",
+    "@material-ui/styles": "next",
     "gatsby": "latest",
+    "gatsby-plugin-emotion": "latest",
     "gatsby-plugin-material-ui": "latest",
     "gatsby-plugin-react-helmet": "latest",
     "react": "latest",

diff --git a/examples/gatsby/src/pages/about.js b/examples/gatsby/src/pages/about.js
@@ -11,7 +11,7 @@ export default function About() {
     <Container maxWidth="sm">
       <Box my={4}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Gatsby v4-beta example
+          Gatsby v5-alpha example
         </Typography>
         <Link to="/">Go to the main page</Link>
         <ProTip />

diff --git a/examples/gatsby/src/pages/index.js b/examples/gatsby/src/pages/index.js
@@ -11,7 +11,7 @@ export default function Index() {
     <Container maxWidth="sm">
       <Box my={4}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Gatsby v4-beta example
+          Gatsby v5-alpha example
         </Typography>
         <Link to="/about" color="secondary">
           Go to the about page