question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Theme UI's MDX Components Not Rendering in 9.4

See original GitHub issue

Bug report

Describe the bug

In my project raam, I’m trying to upgrade to Next 9.4. Unfortunately my ThemeProvider (from Theme UI) is no longer applying components to MDX:

PR: https://github.com/joe-bell/raam/pull/21 Demo: https://raam-git-chore-next-94.joebell.now.sh/

Is there something that needs to be done on my side/Theme UI’s side to support fast refresh?

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

  1. Go to https://raam-git-chore-next-94.joebell.now.sh/

Expected behavior

The MDX content should render with the components I’ve defined, like the do with Next 9.3 in raam.joebell.co.uk

Screenshots

Before

Screenshot 2020-05-18 at 16 56 02

After

Screenshot 2020-05-18 at 16 55 51

System information

  • OS: macOS
  • Browser (if applies): N/A all browsers.
  • Version of Next.js: 9.4.1
  • Version of Node.js: 13.8.0

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:9 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
joe-bellcommented, Aug 16, 2020

@jonashaefele no worries! Good luck and keep us posted

1reaction
joe-bellcommented, Aug 15, 2020

@jonashaefele there are links to an example in the description 🙂

Read more comments on GitHub >

github_iconTop Results From Across the Web

Next.js not applying styles to MDX components #1130 - GitHub
When rendering MDX pages in Next.js, the styles defined in theme.js don't get applied. ... The issue is present in the next example...
Read more >
Gatsby doesn't render MD in component inside of mdx file
What i have tried: Using the MDXRender in Section & Hero => Error. Use the component directly in the MDX file instead of...
Read more >
New Docs | Blog - Formik
Gatsby is a React-based static site generator with a rich plugin and theme ecosystem. Its key value proposition is a single data graph...
Read more >
MDX component rendering some markdown in Bit - YouTube
This is a simple MDX -file compiled by Bit to a reuseable component. Shows how to customize theming with a ThemeProvider.
Read more >
Hot Reload MDX changes in Next.js and Nx - | juri.dev
The important part here is that it doesn't simply do a Browser refresh, but auto reloads the component, thus you should not lose...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found