Better way to load examples?

Is there a better way to load up my examples as both a string and jsx? like with a fancy gatsby layout template?

https://github.com/jaredpalmer/formik-docs/blob/master/src/pages/examples/async-validation.tsx#L3-L4

Start with src/pages/examples/async-validation.tsx, especially lines 3–4, and compare how the example is currently loaded as a string and JSX. The issue does not define the desired Gatsby layout or a clear completion condition, so clarify the intended approach and scope before making changes.

Written by the indexing model from the issue text.