Make React components globally available as shortcodes in MDX

InstructorKyle Gill

Share this video with your friends

Send Tweet

Learn how to make imported components globally available across all of your MDX pages. The MDXProvider is able to "provide" MDX children nodes with components so you don't need to import them in every document they are used in.

You can read about the MDXProvider in the MDX docs.

Or see more instructions and additional context in the Gatsby docs for using shortcodes.

This lesson is a Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.