diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 622a61e..10e2425 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,12 +15,27 @@ importers:
         specifier: ^3.12.2
         version: 3.12.2
     devDependencies:
+      '@babel/core':
+        specifier: ^7.19.1
+        version: 7.19.3
+      '@babel/helper-plugin-utils':
+        specifier: ^7.20.2
+        version: 7.22.5
+      '@babel/parser':
+        specifier: ^7.21.2
+        version: 7.22.7
       '@commitlint/cli':
         specifier: ^17.3.0
         version: 17.3.0
       '@commitlint/config-conventional':
         specifier: ^17.3.0
         version: 17.3.0
+      babel-plugin-jsx:
+        specifier: ^1.2.0
+        version: 1.2.0
+      es-dirname:
+        specifier: ^0.1.0
+        version: 0.1.0
       eslint-config-psfe:
         specifier: 1.0.5
         version: 1.0.5(@typescript-eslint/eslint-plugin@5.40.0)(@typescript-eslint/parser@5.40.0)(eslint-plugin-import@2.26.0)(eslint-plugin-prettier@4.2.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.31.10)(eslint@8.28.0)(typescript@4.8.4)
@@ -36,6 +51,9 @@ importers:
       '@mdx-js/loader':
         specifier: ^2.1.5
         version: 2.1.5(webpack@5.74.0)
+      '@mdx-js/react':
+        specifier: ^2.3.0
+        version: 2.3.0(react@18.2.0)
       '@types/babel-core':
         specifier: ^6.25.7
         version: 6.25.7
@@ -564,7 +582,7 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.19.4
+      '@babel/types': 7.22.5
     dev: true
 
   /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.19.3):
@@ -949,7 +967,7 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.19.3
-      '@babel/helper-module-imports': 7.18.6
+      '@babel/helper-module-imports': 7.22.5
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.19.3)
     transitivePeerDependencies:
@@ -1129,7 +1147,7 @@ packages:
       '@babel/helper-hoist-variables': 7.18.6
       '@babel/helper-module-transforms': 7.19.0
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-validator-identifier': 7.19.1
+      '@babel/helper-validator-identifier': 7.22.5
       babel-plugin-dynamic-import-node: 2.3.3
     transitivePeerDependencies:
       - supports-color
@@ -1449,7 +1467,7 @@ packages:
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.19.3)
       '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.19.3)
-      '@babel/types': 7.19.4
+      '@babel/types': 7.22.5
       esutils: 2.0.3
     dev: true
 
@@ -1501,7 +1519,7 @@ packages:
     dependencies:
       '@babel/code-frame': 7.18.6
       '@babel/parser': 7.22.7
-      '@babel/types': 7.19.4
+      '@babel/types': 7.22.5
     dev: true
 
   /@babel/traverse@7.19.4:
@@ -1846,6 +1864,16 @@ packages:
       - supports-color
     dev: false
 
+  /@mdx-js/react@2.3.0(react@18.2.0):
+    resolution: {integrity: sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==}
+    peerDependencies:
+      react: '>=16'
+    dependencies:
+      '@types/mdx': 2.0.3
+      '@types/react': 18.0.25
+      react: 18.2.0
+    dev: false
+
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -2148,14 +2176,12 @@ packages:
       '@types/prop-types': 15.7.5
       '@types/scheduler': 0.16.2
       csstype: 3.1.1
-    dev: true
 
   /@types/retry@0.12.0:
     resolution: {integrity: sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==}
 
   /@types/scheduler@0.16.2:
     resolution: {integrity: sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==}
-    dev: true
 
   /@types/serve-index@1.9.1:
     resolution: {integrity: sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==}
@@ -2631,6 +2657,12 @@ packages:
       object.assign: 4.1.4
     dev: true
 
+  /babel-plugin-jsx@1.2.0:
+    resolution: {integrity: sha512-eYeaFsGl0BecHxx5dowVCeGZPXJJZNTyFwyNgf9RFU9Ya3WkpRPZow+kOzWZ++RerDiKpcUGfYFp6ovWCWzXcg==}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
   /babel-plugin-polyfill-corejs2@0.3.3(@babel/core@7.19.3):
     resolution: {integrity: sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==}
     peerDependencies:
@@ -3120,7 +3152,6 @@ packages:
 
   /csstype@3.1.1:
     resolution: {integrity: sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==}
-    dev: true
 
   /dargs@7.0.0:
     resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
@@ -3384,6 +3415,10 @@ packages:
       unbox-primitive: 1.0.2
     dev: true
 
+  /es-dirname@0.1.0:
+    resolution: {integrity: sha512-tcTj4pVFXe5EdiHCybjynDTlvkwuNN6JCg9+5BVB+n9qQoMyWOtxpREoL7rGO3sCIAX55Y6CYZi4s1c30uxvPg==}
+    dev: true
+
   /es-module-lexer@0.9.3:
     resolution: {integrity: sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==}