From fa74e2bf959a38b0741b786f96682879a53a897d Mon Sep 17 00:00:00 2001 From: Chad Carlson Date: Wed, 8 Mar 2023 11:10:10 -0500 Subject: [PATCH 1/2] Update Themed import --- docs/tutorial/building-a-theme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/tutorial/building-a-theme.md b/docs/tutorial/building-a-theme.md index 9992d58582be2..445e9c424ff8c 100644 --- a/docs/tutorial/building-a-theme.md +++ b/docs/tutorial/building-a-theme.md @@ -1266,7 +1266,7 @@ To continue applying theme styles, you can use the [`Themed` import](https://the import React from "react" import { Link } from "gatsby" // highlight-next-line -import { Themed } from "theme-ui" +import { Themed } from "@theme-ui/mdx" const EventList = ({ events }) => { return ( From 624f71b6de216226c3c529356e7fcb126635d96b Mon Sep 17 00:00:00 2001 From: Chad Carlson Date: Wed, 8 Mar 2023 11:13:38 -0500 Subject: [PATCH 2/2] Include missing dependencies --- docs/tutorial/building-a-theme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/tutorial/building-a-theme.md b/docs/tutorial/building-a-theme.md index 445e9c424ff8c..fbd17dcecb6b4 100644 --- a/docs/tutorial/building-a-theme.md +++ b/docs/tutorial/building-a-theme.md @@ -1091,7 +1091,7 @@ You can make your theme styles extendable using the `gatsby-plugin-theme-ui` pac Install dependencies: ```shell -yarn workspace gatsby-theme-events add gatsby-plugin-theme-ui theme-ui +yarn workspace gatsby-theme-events add gatsby-plugin-theme-ui theme-ui @theme-ui/mdx @emotion/react ``` Then, add the `gatsby-plugin-theme-ui` plugin to the `gatsby-theme-events/gatsby-config.js` file: