This is one way to allow the use of src/elements in other files without the need to import. When the /** @jsx jsx */ custom pragma is added to the top of a module, elements like <h1> will be rendered with src/elements/H1.js instead of the default HTML element. This avoids adding any values to global scope, and is similar to how MDX renders custom HTML elements
This is one way to allow the use of
src/elements
in other files without the need to import. When the/** @jsx jsx */
custom pragma is added to the top of a module, elements like<h1>
will be rendered withsrc/elements/H1.js
instead of the default HTML element. This avoids adding any values to global scope, and is similar to how MDX renders custom HTML elements