From aca30c8df31ae7b33c1a6607f29c8584b7272880 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Tue, 8 Jan 2019 07:13:09 -0500
Subject: [PATCH] I forgot to configure enzyme-to-json

I thought those snapshots looked terrible
---
 package.json                                  |    1 +
 .../Footer/__snapshots__/test.js.snap         |  514 +-------
 .../Header/__snapshots__/test.js.snap         | 1140 ++---------------
 .../Layout/__snapshots__/test.js.snap         |  153 +--
 .../LocaleSwitcher/__snapshots__/test.js.snap |  349 +----
 .../Message/__snapshots__/test.js.snap        |  694 +---------
 .../Metadata/__snapshots__/test.js.snap       |  180 +--
 .../SentryBoundary/__snapshots__/test.js.snap |  146 +--
 .../SentryError/__snapshots__/test.js.snap    |  206 +--
 src/pages/__snapshots__/404.test.js.snap      |  200 +--
 src/pages/__snapshots__/index.test.js.snap    |  394 +-----
 src/pages/__snapshots__/privacy.test.js.snap  |  849 +-----------
 12 files changed, 342 insertions(+), 4484 deletions(-)

diff --git a/package.json b/package.json
index 0e496b7..9f05a1b 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,7 @@
       "node_modules"
     ],
     "setupTestFrameworkScriptFile": "<rootDir>/jest/setup.js",
+    "snapshotSerializers": ["enzyme-to-json/serializer"],
     "testPathIgnorePatterns": [
       "node_modules",
       ".cache"
diff --git a/src/components/Footer/__snapshots__/test.js.snap b/src/components/Footer/__snapshots__/test.js.snap
index 70d1a8c..78580f3 100644
--- a/src/components/Footer/__snapshots__/test.js.snap
+++ b/src/components/Footer/__snapshots__/test.js.snap
@@ -1,484 +1,42 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Footer rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Footer
-    buildId="abc-123"
-    t={[Function]}
-  />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "host",
-    "props": Object {
-      "children": Array [
-        <ul
-          className="list"
+<footer
+  className="footer"
+>
+  <ul
+    className="list"
+  >
+    <li>
+      <WithMergedOptions(TransComponent)>
+        Created by 
+        <a
+          href="mailto:jeff.avallone@gmail.com"
         >
-          <li>
-            <WithMergedOptions(TransComponent)>
-              Created by 
-              <a
-                href="mailto:jeff.avallone@gmail.com"
-              >
-                Jeff Avallone
-              </a>
-            </WithMergedOptions(TransComponent)>
-          </li>
-          <li>
-            <WithMergedOptions(TransComponent)>
-              Generated images licensed: 
-              <a
-                href="http://creativecommons.org/licenses/by/3.0/"
-                rel="license external noopener noreferrer"
-                target="_blank"
-              >
-                <img
-                  alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                  src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                />
-              </a>
-            </WithMergedOptions(TransComponent)>
-          </li>
-        </ul>,
-        <div
-          className="buildId"
+          Jeff Avallone
+        </a>
+      </WithMergedOptions(TransComponent)>
+    </li>
+    <li>
+      <WithMergedOptions(TransComponent)>
+        Generated images licensed: 
+        <a
+          href="http://creativecommons.org/licenses/by/3.0/"
+          rel="license external noopener noreferrer"
+          target="_blank"
         >
-          abc-123
-        </div>,
-      ],
-      "className": "footer",
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": Array [
-            <li>
-              <WithMergedOptions(TransComponent)>
-                Created by 
-                <a
-                  href="mailto:jeff.avallone@gmail.com"
-                >
-                  Jeff Avallone
-                </a>
-              </WithMergedOptions(TransComponent)>
-            </li>,
-            <li>
-              <WithMergedOptions(TransComponent)>
-                Generated images licensed: 
-                <a
-                  href="http://creativecommons.org/licenses/by/3.0/"
-                  rel="license external noopener noreferrer"
-                  target="_blank"
-                >
-                  <img
-                    alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                    src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                  />
-                </a>
-              </WithMergedOptions(TransComponent)>
-            </li>,
-          ],
-          "className": "list",
-        },
-        "ref": null,
-        "rendered": Array [
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": <WithMergedOptions(TransComponent)>
-                Created by 
-                <a
-                  href="mailto:jeff.avallone@gmail.com"
-                >
-                  Jeff Avallone
-                </a>
-              </WithMergedOptions(TransComponent)>,
-            },
-            "ref": null,
-            "rendered": Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "class",
-              "props": Object {
-                "children": Array [
-                  "Created by ",
-                  <a
-                    href="mailto:jeff.avallone@gmail.com"
-                  >
-                    Jeff Avallone
-                  </a>,
-                ],
-              },
-              "ref": null,
-              "rendered": Array [
-                "Created by ",
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "host",
-                  "props": Object {
-                    "children": "Jeff Avallone",
-                    "href": "mailto:jeff.avallone@gmail.com",
-                  },
-                  "ref": null,
-                  "rendered": "Jeff Avallone",
-                  "type": "a",
-                },
-              ],
-              "type": [Function],
-            },
-            "type": "li",
-          },
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": <WithMergedOptions(TransComponent)>
-                Generated images licensed: 
-                <a
-                  href="http://creativecommons.org/licenses/by/3.0/"
-                  rel="license external noopener noreferrer"
-                  target="_blank"
-                >
-                  <img
-                    alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                    src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                  />
-                </a>
-              </WithMergedOptions(TransComponent)>,
-            },
-            "ref": null,
-            "rendered": Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "class",
-              "props": Object {
-                "children": Array [
-                  "Generated images licensed: ",
-                  <a
-                    href="http://creativecommons.org/licenses/by/3.0/"
-                    rel="license external noopener noreferrer"
-                    target="_blank"
-                  >
-                    <img
-                      alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                      src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                    />
-                  </a>,
-                ],
-              },
-              "ref": null,
-              "rendered": Array [
-                "Generated images licensed: ",
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "host",
-                  "props": Object {
-                    "children": <img
-                      alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                      src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                    />,
-                    "href": "http://creativecommons.org/licenses/by/3.0/",
-                    "rel": "license external noopener noreferrer",
-                    "target": "_blank",
-                  },
-                  "ref": null,
-                  "rendered": Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "host",
-                    "props": Object {
-                      "alt": "TRANSLATE(Creative Commons CC-BY-3.0 License)",
-                      "src": "https://licensebuttons.net/l/by/3.0/80x15.png",
-                    },
-                    "ref": null,
-                    "rendered": null,
-                    "type": "img",
-                  },
-                  "type": "a",
-                },
-              ],
-              "type": [Function],
-            },
-            "type": "li",
-          },
-        ],
-        "type": "ul",
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": "abc-123",
-          "className": "buildId",
-        },
-        "ref": null,
-        "rendered": "abc-123",
-        "type": "div",
-      },
-    ],
-    "type": "footer",
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": Array [
-          <ul
-            className="list"
-          >
-            <li>
-              <WithMergedOptions(TransComponent)>
-                Created by 
-                <a
-                  href="mailto:jeff.avallone@gmail.com"
-                >
-                  Jeff Avallone
-                </a>
-              </WithMergedOptions(TransComponent)>
-            </li>
-            <li>
-              <WithMergedOptions(TransComponent)>
-                Generated images licensed: 
-                <a
-                  href="http://creativecommons.org/licenses/by/3.0/"
-                  rel="license external noopener noreferrer"
-                  target="_blank"
-                >
-                  <img
-                    alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                    src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                  />
-                </a>
-              </WithMergedOptions(TransComponent)>
-            </li>
-          </ul>,
-          <div
-            className="buildId"
-          >
-            abc-123
-          </div>,
-        ],
-        "className": "footer",
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": Array [
-              <li>
-                <WithMergedOptions(TransComponent)>
-                  Created by 
-                  <a
-                    href="mailto:jeff.avallone@gmail.com"
-                  >
-                    Jeff Avallone
-                  </a>
-                </WithMergedOptions(TransComponent)>
-              </li>,
-              <li>
-                <WithMergedOptions(TransComponent)>
-                  Generated images licensed: 
-                  <a
-                    href="http://creativecommons.org/licenses/by/3.0/"
-                    rel="license external noopener noreferrer"
-                    target="_blank"
-                  >
-                    <img
-                      alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                      src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                    />
-                  </a>
-                </WithMergedOptions(TransComponent)>
-              </li>,
-            ],
-            "className": "list",
-          },
-          "ref": null,
-          "rendered": Array [
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": <WithMergedOptions(TransComponent)>
-                  Created by 
-                  <a
-                    href="mailto:jeff.avallone@gmail.com"
-                  >
-                    Jeff Avallone
-                  </a>
-                </WithMergedOptions(TransComponent)>,
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "class",
-                "props": Object {
-                  "children": Array [
-                    "Created by ",
-                    <a
-                      href="mailto:jeff.avallone@gmail.com"
-                    >
-                      Jeff Avallone
-                    </a>,
-                  ],
-                },
-                "ref": null,
-                "rendered": Array [
-                  "Created by ",
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "host",
-                    "props": Object {
-                      "children": "Jeff Avallone",
-                      "href": "mailto:jeff.avallone@gmail.com",
-                    },
-                    "ref": null,
-                    "rendered": "Jeff Avallone",
-                    "type": "a",
-                  },
-                ],
-                "type": [Function],
-              },
-              "type": "li",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": <WithMergedOptions(TransComponent)>
-                  Generated images licensed: 
-                  <a
-                    href="http://creativecommons.org/licenses/by/3.0/"
-                    rel="license external noopener noreferrer"
-                    target="_blank"
-                  >
-                    <img
-                      alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                      src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                    />
-                  </a>
-                </WithMergedOptions(TransComponent)>,
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "class",
-                "props": Object {
-                  "children": Array [
-                    "Generated images licensed: ",
-                    <a
-                      href="http://creativecommons.org/licenses/by/3.0/"
-                      rel="license external noopener noreferrer"
-                      target="_blank"
-                    >
-                      <img
-                        alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                        src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                      />
-                    </a>,
-                  ],
-                },
-                "ref": null,
-                "rendered": Array [
-                  "Generated images licensed: ",
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "host",
-                    "props": Object {
-                      "children": <img
-                        alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
-                        src="https://licensebuttons.net/l/by/3.0/80x15.png"
-                      />,
-                      "href": "http://creativecommons.org/licenses/by/3.0/",
-                      "rel": "license external noopener noreferrer",
-                      "target": "_blank",
-                    },
-                    "ref": null,
-                    "rendered": Object {
-                      "instance": null,
-                      "key": undefined,
-                      "nodeType": "host",
-                      "props": Object {
-                        "alt": "TRANSLATE(Creative Commons CC-BY-3.0 License)",
-                        "src": "https://licensebuttons.net/l/by/3.0/80x15.png",
-                      },
-                      "ref": null,
-                      "rendered": null,
-                      "type": "img",
-                    },
-                    "type": "a",
-                  },
-                ],
-                "type": [Function],
-              },
-              "type": "li",
-            },
-          ],
-          "type": "ul",
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": "abc-123",
-            "className": "buildId",
-          },
-          "ref": null,
-          "rendered": "abc-123",
-          "type": "div",
-        },
-      ],
-      "type": "footer",
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+          <img
+            alt="TRANSLATE(Creative Commons CC-BY-3.0 License)"
+            src="https://licensebuttons.net/l/by/3.0/80x15.png"
+          />
+        </a>
+      </WithMergedOptions(TransComponent)>
+    </li>
+  </ul>
+  <div
+    className="buildId"
+  >
+    abc-123
+  </div>
+</footer>
 `;
diff --git a/src/components/Header/__snapshots__/test.js.snap b/src/components/Header/__snapshots__/test.js.snap
index 15475cf..b53d451 100644
--- a/src/components/Header/__snapshots__/test.js.snap
+++ b/src/components/Header/__snapshots__/test.js.snap
@@ -1,1061 +1,93 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Header rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Header
-    banner="testing"
-  />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "host",
-    "props": Object {
-      "children": Array [
-        <h1>
-          <mockConstructor
-            to="/"
-          >
-            Regexper
-          </mockConstructor>
-        </h1>,
-        <ul
-          className="list"
-        >
-          <li>
-            <a
-              href="https://gitlab.com/javallone/regexper-static"
-              rel="external noopener noreferrer"
-              target="_blank"
-            >
-              <Gitlab
-                color="currentColor"
-                size="24"
-              />
-              <WithMergedOptions(TransComponent)>
-                Source on GitLab
-              </WithMergedOptions(TransComponent)>
-            </a>
-          </li>
-          <li>
-            <mockConstructor
-              to="/privacy"
-            >
-              <WithMergedOptions(TransComponent)>
-                Privacy Policy
-              </WithMergedOptions(TransComponent)>
-            </mockConstructor>
-          </li>
-          <li>
-            <LoadNamespace(LocaleSwitcher) />
-          </li>
-        </ul>,
-      ],
-      "className": "header",
-      "data-banner": "testing",
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": <mockConstructor
-            to="/"
-          >
-            Regexper
-          </mockConstructor>,
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "function",
-          "props": Object {
-            "children": "Regexper",
-            "to": "/",
-          },
-          "ref": null,
-          "rendered": "Regexper",
-          "type": [MockFunction],
-        },
-        "type": "h1",
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": Array [
-            <li>
-              <a
-                href="https://gitlab.com/javallone/regexper-static"
-                rel="external noopener noreferrer"
-                target="_blank"
-              >
-                <Gitlab
-                  color="currentColor"
-                  size="24"
-                />
-                <WithMergedOptions(TransComponent)>
-                  Source on GitLab
-                </WithMergedOptions(TransComponent)>
-              </a>
-            </li>,
-            <li>
-              <mockConstructor
-                to="/privacy"
-              >
-                <WithMergedOptions(TransComponent)>
-                  Privacy Policy
-                </WithMergedOptions(TransComponent)>
-              </mockConstructor>
-            </li>,
-            <li>
-              <LoadNamespace(LocaleSwitcher) />
-            </li>,
-          ],
-          "className": "list",
-        },
-        "ref": null,
-        "rendered": Array [
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": <a
-                href="https://gitlab.com/javallone/regexper-static"
-                rel="external noopener noreferrer"
-                target="_blank"
-              >
-                <Gitlab
-                  color="currentColor"
-                  size="24"
-                />
-                <WithMergedOptions(TransComponent)>
-                  Source on GitLab
-                </WithMergedOptions(TransComponent)>
-              </a>,
-            },
-            "ref": null,
-            "rendered": Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": Array [
-                  <Gitlab
-                    color="currentColor"
-                    size="24"
-                  />,
-                  <WithMergedOptions(TransComponent)>
-                    Source on GitLab
-                  </WithMergedOptions(TransComponent)>,
-                ],
-                "href": "https://gitlab.com/javallone/regexper-static",
-                "rel": "external noopener noreferrer",
-                "target": "_blank",
-              },
-              "ref": null,
-              "rendered": Array [
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "function",
-                  "props": Object {
-                    "color": "currentColor",
-                    "size": "24",
-                  },
-                  "ref": null,
-                  "rendered": null,
-                  "type": [Function],
-                },
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "class",
-                  "props": Object {
-                    "children": "Source on GitLab",
-                  },
-                  "ref": null,
-                  "rendered": "Source on GitLab",
-                  "type": [Function],
-                },
-              ],
-              "type": "a",
-            },
-            "type": "li",
-          },
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": <mockConstructor
-                to="/privacy"
-              >
-                <WithMergedOptions(TransComponent)>
-                  Privacy Policy
-                </WithMergedOptions(TransComponent)>
-              </mockConstructor>,
-            },
-            "ref": null,
-            "rendered": Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "function",
-              "props": Object {
-                "children": <WithMergedOptions(TransComponent)>
-                  Privacy Policy
-                </WithMergedOptions(TransComponent)>,
-                "to": "/privacy",
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "class",
-                "props": Object {
-                  "children": "Privacy Policy",
-                },
-                "ref": null,
-                "rendered": "Privacy Policy",
-                "type": [Function],
-              },
-              "type": [MockFunction],
-            },
-            "type": "li",
-          },
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": <LoadNamespace(LocaleSwitcher) />,
-            },
-            "ref": null,
-            "rendered": Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "class",
-              "props": Object {},
-              "ref": null,
-              "rendered": null,
-              "type": [Function],
-            },
-            "type": "li",
-          },
-        ],
-        "type": "ul",
-      },
-    ],
-    "type": "header",
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": Array [
-          <h1>
-            <mockConstructor
-              to="/"
-            >
-              Regexper
-            </mockConstructor>
-          </h1>,
-          <ul
-            className="list"
-          >
-            <li>
-              <a
-                href="https://gitlab.com/javallone/regexper-static"
-                rel="external noopener noreferrer"
-                target="_blank"
-              >
-                <Gitlab
-                  color="currentColor"
-                  size="24"
-                />
-                <WithMergedOptions(TransComponent)>
-                  Source on GitLab
-                </WithMergedOptions(TransComponent)>
-              </a>
-            </li>
-            <li>
-              <mockConstructor
-                to="/privacy"
-              >
-                <WithMergedOptions(TransComponent)>
-                  Privacy Policy
-                </WithMergedOptions(TransComponent)>
-              </mockConstructor>
-            </li>
-            <li>
-              <LoadNamespace(LocaleSwitcher) />
-            </li>
-          </ul>,
-        ],
-        "className": "header",
-        "data-banner": "testing",
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": <mockConstructor
-              to="/"
-            >
-              Regexper
-            </mockConstructor>,
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "function",
-            "props": Object {
-              "children": "Regexper",
-              "to": "/",
-            },
-            "ref": null,
-            "rendered": "Regexper",
-            "type": [MockFunction],
-          },
-          "type": "h1",
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": Array [
-              <li>
-                <a
-                  href="https://gitlab.com/javallone/regexper-static"
-                  rel="external noopener noreferrer"
-                  target="_blank"
-                >
-                  <Gitlab
-                    color="currentColor"
-                    size="24"
-                  />
-                  <WithMergedOptions(TransComponent)>
-                    Source on GitLab
-                  </WithMergedOptions(TransComponent)>
-                </a>
-              </li>,
-              <li>
-                <mockConstructor
-                  to="/privacy"
-                >
-                  <WithMergedOptions(TransComponent)>
-                    Privacy Policy
-                  </WithMergedOptions(TransComponent)>
-                </mockConstructor>
-              </li>,
-              <li>
-                <LoadNamespace(LocaleSwitcher) />
-              </li>,
-            ],
-            "className": "list",
-          },
-          "ref": null,
-          "rendered": Array [
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": <a
-                  href="https://gitlab.com/javallone/regexper-static"
-                  rel="external noopener noreferrer"
-                  target="_blank"
-                >
-                  <Gitlab
-                    color="currentColor"
-                    size="24"
-                  />
-                  <WithMergedOptions(TransComponent)>
-                    Source on GitLab
-                  </WithMergedOptions(TransComponent)>
-                </a>,
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "host",
-                "props": Object {
-                  "children": Array [
-                    <Gitlab
-                      color="currentColor"
-                      size="24"
-                    />,
-                    <WithMergedOptions(TransComponent)>
-                      Source on GitLab
-                    </WithMergedOptions(TransComponent)>,
-                  ],
-                  "href": "https://gitlab.com/javallone/regexper-static",
-                  "rel": "external noopener noreferrer",
-                  "target": "_blank",
-                },
-                "ref": null,
-                "rendered": Array [
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "function",
-                    "props": Object {
-                      "color": "currentColor",
-                      "size": "24",
-                    },
-                    "ref": null,
-                    "rendered": null,
-                    "type": [Function],
-                  },
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "class",
-                    "props": Object {
-                      "children": "Source on GitLab",
-                    },
-                    "ref": null,
-                    "rendered": "Source on GitLab",
-                    "type": [Function],
-                  },
-                ],
-                "type": "a",
-              },
-              "type": "li",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": <mockConstructor
-                  to="/privacy"
-                >
-                  <WithMergedOptions(TransComponent)>
-                    Privacy Policy
-                  </WithMergedOptions(TransComponent)>
-                </mockConstructor>,
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "function",
-                "props": Object {
-                  "children": <WithMergedOptions(TransComponent)>
-                    Privacy Policy
-                  </WithMergedOptions(TransComponent)>,
-                  "to": "/privacy",
-                },
-                "ref": null,
-                "rendered": Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "class",
-                  "props": Object {
-                    "children": "Privacy Policy",
-                  },
-                  "ref": null,
-                  "rendered": "Privacy Policy",
-                  "type": [Function],
-                },
-                "type": [MockFunction],
-              },
-              "type": "li",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": <LoadNamespace(LocaleSwitcher) />,
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "class",
-                "props": Object {},
-                "ref": null,
-                "rendered": null,
-                "type": [Function],
-              },
-              "type": "li",
-            },
-          ],
-          "type": "ul",
-        },
-      ],
-      "type": "header",
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+<header
+  className="header"
+  data-banner="testing"
+>
+  <h1>
+    <mockConstructor
+      to="/"
+    >
+      Regexper
+    </mockConstructor>
+  </h1>
+  <ul
+    className="list"
+  >
+    <li>
+      <a
+        href="https://gitlab.com/javallone/regexper-static"
+        rel="external noopener noreferrer"
+        target="_blank"
+      >
+        <Gitlab
+          color="currentColor"
+          size="24"
+        />
+        <WithMergedOptions(TransComponent)>
+          Source on GitLab
+        </WithMergedOptions(TransComponent)>
+      </a>
+    </li>
+    <li>
+      <mockConstructor
+        to="/privacy"
+      >
+        <WithMergedOptions(TransComponent)>
+          Privacy Policy
+        </WithMergedOptions(TransComponent)>
+      </mockConstructor>
+    </li>
+    <li>
+      <LoadNamespace(LocaleSwitcher) />
+    </li>
+  </ul>
+</header>
 `;
 
 exports[`Header rendering with no banner 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Header
-    banner={false}
-  />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "host",
-    "props": Object {
-      "children": Array [
-        <h1>
-          <mockConstructor
-            to="/"
-          >
-            Regexper
-          </mockConstructor>
-        </h1>,
-        <ul
-          className="list"
-        >
-          <li>
-            <a
-              href="https://gitlab.com/javallone/regexper-static"
-              rel="external noopener noreferrer"
-              target="_blank"
-            >
-              <Gitlab
-                color="currentColor"
-                size="24"
-              />
-              <WithMergedOptions(TransComponent)>
-                Source on GitLab
-              </WithMergedOptions(TransComponent)>
-            </a>
-          </li>
-          <li>
-            <mockConstructor
-              to="/privacy"
-            >
-              <WithMergedOptions(TransComponent)>
-                Privacy Policy
-              </WithMergedOptions(TransComponent)>
-            </mockConstructor>
-          </li>
-          <li>
-            <LoadNamespace(LocaleSwitcher) />
-          </li>
-        </ul>,
-      ],
-      "className": "header",
-      "data-banner": null,
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": <mockConstructor
-            to="/"
-          >
-            Regexper
-          </mockConstructor>,
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "function",
-          "props": Object {
-            "children": "Regexper",
-            "to": "/",
-          },
-          "ref": null,
-          "rendered": "Regexper",
-          "type": [MockFunction],
-        },
-        "type": "h1",
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": Array [
-            <li>
-              <a
-                href="https://gitlab.com/javallone/regexper-static"
-                rel="external noopener noreferrer"
-                target="_blank"
-              >
-                <Gitlab
-                  color="currentColor"
-                  size="24"
-                />
-                <WithMergedOptions(TransComponent)>
-                  Source on GitLab
-                </WithMergedOptions(TransComponent)>
-              </a>
-            </li>,
-            <li>
-              <mockConstructor
-                to="/privacy"
-              >
-                <WithMergedOptions(TransComponent)>
-                  Privacy Policy
-                </WithMergedOptions(TransComponent)>
-              </mockConstructor>
-            </li>,
-            <li>
-              <LoadNamespace(LocaleSwitcher) />
-            </li>,
-          ],
-          "className": "list",
-        },
-        "ref": null,
-        "rendered": Array [
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": <a
-                href="https://gitlab.com/javallone/regexper-static"
-                rel="external noopener noreferrer"
-                target="_blank"
-              >
-                <Gitlab
-                  color="currentColor"
-                  size="24"
-                />
-                <WithMergedOptions(TransComponent)>
-                  Source on GitLab
-                </WithMergedOptions(TransComponent)>
-              </a>,
-            },
-            "ref": null,
-            "rendered": Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": Array [
-                  <Gitlab
-                    color="currentColor"
-                    size="24"
-                  />,
-                  <WithMergedOptions(TransComponent)>
-                    Source on GitLab
-                  </WithMergedOptions(TransComponent)>,
-                ],
-                "href": "https://gitlab.com/javallone/regexper-static",
-                "rel": "external noopener noreferrer",
-                "target": "_blank",
-              },
-              "ref": null,
-              "rendered": Array [
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "function",
-                  "props": Object {
-                    "color": "currentColor",
-                    "size": "24",
-                  },
-                  "ref": null,
-                  "rendered": null,
-                  "type": [Function],
-                },
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "class",
-                  "props": Object {
-                    "children": "Source on GitLab",
-                  },
-                  "ref": null,
-                  "rendered": "Source on GitLab",
-                  "type": [Function],
-                },
-              ],
-              "type": "a",
-            },
-            "type": "li",
-          },
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": <mockConstructor
-                to="/privacy"
-              >
-                <WithMergedOptions(TransComponent)>
-                  Privacy Policy
-                </WithMergedOptions(TransComponent)>
-              </mockConstructor>,
-            },
-            "ref": null,
-            "rendered": Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "function",
-              "props": Object {
-                "children": <WithMergedOptions(TransComponent)>
-                  Privacy Policy
-                </WithMergedOptions(TransComponent)>,
-                "to": "/privacy",
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "class",
-                "props": Object {
-                  "children": "Privacy Policy",
-                },
-                "ref": null,
-                "rendered": "Privacy Policy",
-                "type": [Function],
-              },
-              "type": [MockFunction],
-            },
-            "type": "li",
-          },
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": <LoadNamespace(LocaleSwitcher) />,
-            },
-            "ref": null,
-            "rendered": Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "class",
-              "props": Object {},
-              "ref": null,
-              "rendered": null,
-              "type": [Function],
-            },
-            "type": "li",
-          },
-        ],
-        "type": "ul",
-      },
-    ],
-    "type": "header",
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": Array [
-          <h1>
-            <mockConstructor
-              to="/"
-            >
-              Regexper
-            </mockConstructor>
-          </h1>,
-          <ul
-            className="list"
-          >
-            <li>
-              <a
-                href="https://gitlab.com/javallone/regexper-static"
-                rel="external noopener noreferrer"
-                target="_blank"
-              >
-                <Gitlab
-                  color="currentColor"
-                  size="24"
-                />
-                <WithMergedOptions(TransComponent)>
-                  Source on GitLab
-                </WithMergedOptions(TransComponent)>
-              </a>
-            </li>
-            <li>
-              <mockConstructor
-                to="/privacy"
-              >
-                <WithMergedOptions(TransComponent)>
-                  Privacy Policy
-                </WithMergedOptions(TransComponent)>
-              </mockConstructor>
-            </li>
-            <li>
-              <LoadNamespace(LocaleSwitcher) />
-            </li>
-          </ul>,
-        ],
-        "className": "header",
-        "data-banner": null,
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": <mockConstructor
-              to="/"
-            >
-              Regexper
-            </mockConstructor>,
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "function",
-            "props": Object {
-              "children": "Regexper",
-              "to": "/",
-            },
-            "ref": null,
-            "rendered": "Regexper",
-            "type": [MockFunction],
-          },
-          "type": "h1",
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": Array [
-              <li>
-                <a
-                  href="https://gitlab.com/javallone/regexper-static"
-                  rel="external noopener noreferrer"
-                  target="_blank"
-                >
-                  <Gitlab
-                    color="currentColor"
-                    size="24"
-                  />
-                  <WithMergedOptions(TransComponent)>
-                    Source on GitLab
-                  </WithMergedOptions(TransComponent)>
-                </a>
-              </li>,
-              <li>
-                <mockConstructor
-                  to="/privacy"
-                >
-                  <WithMergedOptions(TransComponent)>
-                    Privacy Policy
-                  </WithMergedOptions(TransComponent)>
-                </mockConstructor>
-              </li>,
-              <li>
-                <LoadNamespace(LocaleSwitcher) />
-              </li>,
-            ],
-            "className": "list",
-          },
-          "ref": null,
-          "rendered": Array [
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": <a
-                  href="https://gitlab.com/javallone/regexper-static"
-                  rel="external noopener noreferrer"
-                  target="_blank"
-                >
-                  <Gitlab
-                    color="currentColor"
-                    size="24"
-                  />
-                  <WithMergedOptions(TransComponent)>
-                    Source on GitLab
-                  </WithMergedOptions(TransComponent)>
-                </a>,
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "host",
-                "props": Object {
-                  "children": Array [
-                    <Gitlab
-                      color="currentColor"
-                      size="24"
-                    />,
-                    <WithMergedOptions(TransComponent)>
-                      Source on GitLab
-                    </WithMergedOptions(TransComponent)>,
-                  ],
-                  "href": "https://gitlab.com/javallone/regexper-static",
-                  "rel": "external noopener noreferrer",
-                  "target": "_blank",
-                },
-                "ref": null,
-                "rendered": Array [
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "function",
-                    "props": Object {
-                      "color": "currentColor",
-                      "size": "24",
-                    },
-                    "ref": null,
-                    "rendered": null,
-                    "type": [Function],
-                  },
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "class",
-                    "props": Object {
-                      "children": "Source on GitLab",
-                    },
-                    "ref": null,
-                    "rendered": "Source on GitLab",
-                    "type": [Function],
-                  },
-                ],
-                "type": "a",
-              },
-              "type": "li",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": <mockConstructor
-                  to="/privacy"
-                >
-                  <WithMergedOptions(TransComponent)>
-                    Privacy Policy
-                  </WithMergedOptions(TransComponent)>
-                </mockConstructor>,
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "function",
-                "props": Object {
-                  "children": <WithMergedOptions(TransComponent)>
-                    Privacy Policy
-                  </WithMergedOptions(TransComponent)>,
-                  "to": "/privacy",
-                },
-                "ref": null,
-                "rendered": Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "class",
-                  "props": Object {
-                    "children": "Privacy Policy",
-                  },
-                  "ref": null,
-                  "rendered": "Privacy Policy",
-                  "type": [Function],
-                },
-                "type": [MockFunction],
-              },
-              "type": "li",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": <LoadNamespace(LocaleSwitcher) />,
-              },
-              "ref": null,
-              "rendered": Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "class",
-                "props": Object {},
-                "ref": null,
-                "rendered": null,
-                "type": [Function],
-              },
-              "type": "li",
-            },
-          ],
-          "type": "ul",
-        },
-      ],
-      "type": "header",
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+<header
+  className="header"
+  data-banner={null}
+>
+  <h1>
+    <mockConstructor
+      to="/"
+    >
+      Regexper
+    </mockConstructor>
+  </h1>
+  <ul
+    className="list"
+  >
+    <li>
+      <a
+        href="https://gitlab.com/javallone/regexper-static"
+        rel="external noopener noreferrer"
+        target="_blank"
+      >
+        <Gitlab
+          color="currentColor"
+          size="24"
+        />
+        <WithMergedOptions(TransComponent)>
+          Source on GitLab
+        </WithMergedOptions(TransComponent)>
+      </a>
+    </li>
+    <li>
+      <mockConstructor
+        to="/privacy"
+      >
+        <WithMergedOptions(TransComponent)>
+          Privacy Policy
+        </WithMergedOptions(TransComponent)>
+      </mockConstructor>
+    </li>
+    <li>
+      <LoadNamespace(LocaleSwitcher) />
+    </li>
+  </ul>
+</header>
 `;
diff --git a/src/components/Layout/__snapshots__/test.js.snap b/src/components/Layout/__snapshots__/test.js.snap
index 8f79d7a..6d7bfc8 100644
--- a/src/components/Layout/__snapshots__/test.js.snap
+++ b/src/components/Layout/__snapshots__/test.js.snap
@@ -1,150 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Layout rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Layout
+<SentryBoundary>
+  <LoadNamespace(Header)
     banner="Test Banner"
-    buildId="test-buildid"
-  >
+  />
+  <SentryBoundary>
     Example content
-  </Layout>,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "class",
-    "props": Object {
-      "children": Array [
-        <LoadNamespace(Header)
-          banner="Test Banner"
-        />,
-        <SentryBoundary>
-          Example content
-        </SentryBoundary>,
-        <LoadNamespace(Footer)
-          buildId="test-buildid"
-        />,
-      ],
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "class",
-        "props": Object {
-          "banner": "Test Banner",
-        },
-        "ref": null,
-        "rendered": null,
-        "type": [Function],
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "class",
-        "props": Object {
-          "children": "Example content",
-        },
-        "ref": null,
-        "rendered": "Example content",
-        "type": [Function],
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "class",
-        "props": Object {
-          "buildId": "test-buildid",
-        },
-        "ref": null,
-        "rendered": null,
-        "type": [Function],
-      },
-    ],
-    "type": [Function],
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "class",
-      "props": Object {
-        "children": Array [
-          <LoadNamespace(Header)
-            banner="Test Banner"
-          />,
-          <SentryBoundary>
-            Example content
-          </SentryBoundary>,
-          <LoadNamespace(Footer)
-            buildId="test-buildid"
-          />,
-        ],
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "class",
-          "props": Object {
-            "banner": "Test Banner",
-          },
-          "ref": null,
-          "rendered": null,
-          "type": [Function],
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "class",
-          "props": Object {
-            "children": "Example content",
-          },
-          "ref": null,
-          "rendered": "Example content",
-          "type": [Function],
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "class",
-          "props": Object {
-            "buildId": "test-buildid",
-          },
-          "ref": null,
-          "rendered": null,
-          "type": [Function],
-        },
-      ],
-      "type": [Function],
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+  </SentryBoundary>
+  <LoadNamespace(Footer)
+    buildId="test-buildid"
+  />
+</SentryBoundary>
 `;
diff --git a/src/components/LocaleSwitcher/__snapshots__/test.js.snap b/src/components/LocaleSwitcher/__snapshots__/test.js.snap
index 9779fe1..5476f36 100644
--- a/src/components/LocaleSwitcher/__snapshots__/test.js.snap
+++ b/src/components/LocaleSwitcher/__snapshots__/test.js.snap
@@ -1,323 +1,34 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`LocaleSwitcher rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <LocaleSwitcher />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "host",
-    "props": Object {
-      "children": Array [
-        <WithMergedOptions(TransComponent)>
-          Language
-        </WithMergedOptions(TransComponent)>,
-        <div
-          className="switcher"
-        >
-          <select
-            onChange={[Function]}
-            value="en"
-          >
-            <option
-              value="en"
-            >
-              English
-            </option>
-            <option
-              value="other"
-            >
-              Other
-            </option>
-          </select>
-          <ChevronsDown
-            color="currentColor"
-            size="24"
-          />
-        </div>,
-      ],
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "class",
-        "props": Object {
-          "children": "Language",
-        },
-        "ref": null,
-        "rendered": "Language",
-        "type": [Function],
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": Array [
-            <select
-              onChange={[Function]}
-              value="en"
-            >
-              <option
-                value="en"
-              >
-                English
-              </option>
-              <option
-                value="other"
-              >
-                Other
-              </option>
-            </select>,
-            <ChevronsDown
-              color="currentColor"
-              size="24"
-            />,
-          ],
-          "className": "switcher",
-        },
-        "ref": null,
-        "rendered": Array [
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": Array [
-                <option
-                  value="en"
-                >
-                  English
-                </option>,
-                <option
-                  value="other"
-                >
-                  Other
-                </option>,
-              ],
-              "onChange": [Function],
-              "value": "en",
-            },
-            "ref": null,
-            "rendered": Array [
-              Object {
-                "instance": null,
-                "key": "en",
-                "nodeType": "host",
-                "props": Object {
-                  "children": "English",
-                  "value": "en",
-                },
-                "ref": null,
-                "rendered": "English",
-                "type": "option",
-              },
-              Object {
-                "instance": null,
-                "key": "other",
-                "nodeType": "host",
-                "props": Object {
-                  "children": "Other",
-                  "value": "other",
-                },
-                "ref": null,
-                "rendered": "Other",
-                "type": "option",
-              },
-            ],
-            "type": "select",
-          },
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "function",
-            "props": Object {
-              "color": "currentColor",
-              "size": "24",
-            },
-            "ref": null,
-            "rendered": null,
-            "type": [Function],
-          },
-        ],
-        "type": "div",
-      },
-    ],
-    "type": "label",
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": Array [
-          <WithMergedOptions(TransComponent)>
-            Language
-          </WithMergedOptions(TransComponent)>,
-          <div
-            className="switcher"
-          >
-            <select
-              onChange={[Function]}
-              value="en"
-            >
-              <option
-                value="en"
-              >
-                English
-              </option>
-              <option
-                value="other"
-              >
-                Other
-              </option>
-            </select>
-            <ChevronsDown
-              color="currentColor"
-              size="24"
-            />
-          </div>,
-        ],
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "class",
-          "props": Object {
-            "children": "Language",
-          },
-          "ref": null,
-          "rendered": "Language",
-          "type": [Function],
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": Array [
-              <select
-                onChange={[Function]}
-                value="en"
-              >
-                <option
-                  value="en"
-                >
-                  English
-                </option>
-                <option
-                  value="other"
-                >
-                  Other
-                </option>
-              </select>,
-              <ChevronsDown
-                color="currentColor"
-                size="24"
-              />,
-            ],
-            "className": "switcher",
-          },
-          "ref": null,
-          "rendered": Array [
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": Array [
-                  <option
-                    value="en"
-                  >
-                    English
-                  </option>,
-                  <option
-                    value="other"
-                  >
-                    Other
-                  </option>,
-                ],
-                "onChange": [Function],
-                "value": "en",
-              },
-              "ref": null,
-              "rendered": Array [
-                Object {
-                  "instance": null,
-                  "key": "en",
-                  "nodeType": "host",
-                  "props": Object {
-                    "children": "English",
-                    "value": "en",
-                  },
-                  "ref": null,
-                  "rendered": "English",
-                  "type": "option",
-                },
-                Object {
-                  "instance": null,
-                  "key": "other",
-                  "nodeType": "host",
-                  "props": Object {
-                    "children": "Other",
-                    "value": "other",
-                  },
-                  "ref": null,
-                  "rendered": "Other",
-                  "type": "option",
-                },
-              ],
-              "type": "select",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "function",
-              "props": Object {
-                "color": "currentColor",
-                "size": "24",
-              },
-              "ref": null,
-              "rendered": null,
-              "type": [Function],
-            },
-          ],
-          "type": "div",
-        },
-      ],
-      "type": "label",
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+<label>
+  <WithMergedOptions(TransComponent)>
+    Language
+  </WithMergedOptions(TransComponent)>
+  <div
+    className="switcher"
+  >
+    <select
+      onChange={[Function]}
+      value="en"
+    >
+      <option
+        key="en"
+        value="en"
+      >
+        English
+      </option>
+      <option
+        key="other"
+        value="other"
+      >
+        Other
+      </option>
+    </select>
+    <ChevronsDown
+      color="currentColor"
+      size="24"
+    />
+  </div>
+</label>
 `;
diff --git a/src/components/Message/__snapshots__/test.js.snap b/src/components/Message/__snapshots__/test.js.snap
index 7024256..d8397e3 100644
--- a/src/components/Message/__snapshots__/test.js.snap
+++ b/src/components/Message/__snapshots__/test.js.snap
@@ -1,669 +1,69 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Message rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Message
-    heading="Testing"
+<div
+  className="message"
+>
+  <div
+    className="header"
+  >
+    <h2>
+      Testing
+    </h2>
+  </div>
+  <div
+    className="content"
   >
     <p>
       Message content
     </p>
-  </Message>,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "host",
-    "props": Object {
-      "children": Array [
-        <div
-          className="header"
-        >
-          <h2>
-            Testing
-          </h2>
-        </div>,
-        <div
-          className="content"
-        >
-          <p>
-            Message content
-          </p>
-        </div>,
-      ],
-      "className": "message",
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": Array [
-            undefined,
-            <h2>
-              Testing
-            </h2>,
-          ],
-          "className": "header",
-        },
-        "ref": null,
-        "rendered": Array [
-          undefined,
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": "Testing",
-            },
-            "ref": null,
-            "rendered": "Testing",
-            "type": "h2",
-          },
-        ],
-        "type": "div",
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": <p>
-            Message content
-          </p>,
-          "className": "content",
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": "Message content",
-          },
-          "ref": null,
-          "rendered": "Message content",
-          "type": "p",
-        },
-        "type": "div",
-      },
-    ],
-    "type": "div",
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": Array [
-          <div
-            className="header"
-          >
-            <h2>
-              Testing
-            </h2>
-          </div>,
-          <div
-            className="content"
-          >
-            <p>
-              Message content
-            </p>
-          </div>,
-        ],
-        "className": "message",
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": Array [
-              undefined,
-              <h2>
-                Testing
-              </h2>,
-            ],
-            "className": "header",
-          },
-          "ref": null,
-          "rendered": Array [
-            undefined,
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": "Testing",
-              },
-              "ref": null,
-              "rendered": "Testing",
-              "type": "h2",
-            },
-          ],
-          "type": "div",
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": <p>
-              Message content
-            </p>,
-            "className": "content",
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": "Message content",
-            },
-            "ref": null,
-            "rendered": "Message content",
-            "type": "p",
-          },
-          "type": "div",
-        },
-      ],
-      "type": "div",
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+  </div>
+</div>
 `;
 
 exports[`Message rendering with icon 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Message
-    heading="Testing"
-    icon={[Function]}
+<div
+  className="message"
+>
+  <div
+    className="header"
+  >
+    <Icon />
+    <h2>
+      Testing
+    </h2>
+  </div>
+  <div
+    className="content"
   >
     <p>
       Message content
     </p>
-  </Message>,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "host",
-    "props": Object {
-      "children": Array [
-        <div
-          className="header"
-        >
-          <Icon />
-          <h2>
-            Testing
-          </h2>
-        </div>,
-        <div
-          className="content"
-        >
-          <p>
-            Message content
-          </p>
-        </div>,
-      ],
-      "className": "message",
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": Array [
-            <Icon />,
-            <h2>
-              Testing
-            </h2>,
-          ],
-          "className": "header",
-        },
-        "ref": null,
-        "rendered": Array [
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "function",
-            "props": Object {},
-            "ref": null,
-            "rendered": null,
-            "type": [Function],
-          },
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": "Testing",
-            },
-            "ref": null,
-            "rendered": "Testing",
-            "type": "h2",
-          },
-        ],
-        "type": "div",
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": <p>
-            Message content
-          </p>,
-          "className": "content",
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": "Message content",
-          },
-          "ref": null,
-          "rendered": "Message content",
-          "type": "p",
-        },
-        "type": "div",
-      },
-    ],
-    "type": "div",
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": Array [
-          <div
-            className="header"
-          >
-            <Icon />
-            <h2>
-              Testing
-            </h2>
-          </div>,
-          <div
-            className="content"
-          >
-            <p>
-              Message content
-            </p>
-          </div>,
-        ],
-        "className": "message",
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": Array [
-              <Icon />,
-              <h2>
-                Testing
-              </h2>,
-            ],
-            "className": "header",
-          },
-          "ref": null,
-          "rendered": Array [
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "function",
-              "props": Object {},
-              "ref": null,
-              "rendered": null,
-              "type": [Function],
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": "Testing",
-              },
-              "ref": null,
-              "rendered": "Testing",
-              "type": "h2",
-            },
-          ],
-          "type": "div",
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": <p>
-              Message content
-            </p>,
-            "className": "content",
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": "Message content",
-            },
-            "ref": null,
-            "rendered": "Message content",
-            "type": "p",
-          },
-          "type": "div",
-        },
-      ],
-      "type": "div",
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+  </div>
+</div>
 `;
 
 exports[`Message rendering with type 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Message
-    heading="Testing"
-    type="error"
+<div
+  className="message error"
+>
+  <div
+    className="header"
+  >
+    <AlertOctagon
+      color="currentColor"
+      size="24"
+    />
+    <h2>
+      Testing
+    </h2>
+  </div>
+  <div
+    className="content"
   >
     <p>
       Message content
     </p>
-  </Message>,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "host",
-    "props": Object {
-      "children": Array [
-        <div
-          className="header"
-        >
-          <AlertOctagon
-            color="currentColor"
-            size="24"
-          />
-          <h2>
-            Testing
-          </h2>
-        </div>,
-        <div
-          className="content"
-        >
-          <p>
-            Message content
-          </p>
-        </div>,
-      ],
-      "className": "message error",
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": Array [
-            <AlertOctagon
-              color="currentColor"
-              size="24"
-            />,
-            <h2>
-              Testing
-            </h2>,
-          ],
-          "className": "header",
-        },
-        "ref": null,
-        "rendered": Array [
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "function",
-            "props": Object {
-              "color": "currentColor",
-              "size": "24",
-            },
-            "ref": null,
-            "rendered": null,
-            "type": [Function],
-          },
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": "Testing",
-            },
-            "ref": null,
-            "rendered": "Testing",
-            "type": "h2",
-          },
-        ],
-        "type": "div",
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": <p>
-            Message content
-          </p>,
-          "className": "content",
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": "Message content",
-          },
-          "ref": null,
-          "rendered": "Message content",
-          "type": "p",
-        },
-        "type": "div",
-      },
-    ],
-    "type": "div",
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": Array [
-          <div
-            className="header"
-          >
-            <AlertOctagon
-              color="currentColor"
-              size="24"
-            />
-            <h2>
-              Testing
-            </h2>
-          </div>,
-          <div
-            className="content"
-          >
-            <p>
-              Message content
-            </p>
-          </div>,
-        ],
-        "className": "message error",
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": Array [
-              <AlertOctagon
-                color="currentColor"
-                size="24"
-              />,
-              <h2>
-                Testing
-              </h2>,
-            ],
-            "className": "header",
-          },
-          "ref": null,
-          "rendered": Array [
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "function",
-              "props": Object {
-                "color": "currentColor",
-                "size": "24",
-              },
-              "ref": null,
-              "rendered": null,
-              "type": [Function],
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": "Testing",
-              },
-              "ref": null,
-              "rendered": "Testing",
-              "type": "h2",
-            },
-          ],
-          "type": "div",
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": <p>
-              Message content
-            </p>,
-            "className": "content",
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": "Message content",
-            },
-            "ref": null,
-            "rendered": "Message content",
-            "type": "p",
-          },
-          "type": "div",
-        },
-      ],
-      "type": "div",
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+  </div>
+</div>
 `;
diff --git a/src/components/Metadata/__snapshots__/test.js.snap b/src/components/Metadata/__snapshots__/test.js.snap
index c8ea1dc..6b33829 100644
--- a/src/components/Metadata/__snapshots__/test.js.snap
+++ b/src/components/Metadata/__snapshots__/test.js.snap
@@ -1,171 +1,23 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Metadata rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Metadata />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "class",
-    "props": Object {
-      "children": <title>
-        Regexper
-      </title>,
-      "defer": true,
-      "encodeSpecialCharacters": true,
-    },
-    "ref": null,
-    "rendered": Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": "Regexper",
-      },
-      "ref": null,
-      "rendered": "Regexper",
-      "type": "title",
-    },
-    "type": [Function],
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "class",
-      "props": Object {
-        "children": <title>
-          Regexper
-        </title>,
-        "defer": true,
-        "encodeSpecialCharacters": true,
-      },
-      "ref": null,
-      "rendered": Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": "Regexper",
-        },
-        "ref": null,
-        "rendered": "Regexper",
-        "type": "title",
-      },
-      "type": [Function],
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+<HelmetWrapper
+  defer={true}
+  encodeSpecialCharacters={true}
+>
+  <title>
+    Regexper
+  </title>
+</HelmetWrapper>
 `;
 
 exports[`Metadata rendering with a title 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Metadata
-    title="Testing"
-  />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "class",
-    "props": Object {
-      "children": <title>
-        Regexper - Testing
-      </title>,
-      "defer": true,
-      "encodeSpecialCharacters": true,
-    },
-    "ref": null,
-    "rendered": Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": "Regexper - Testing",
-      },
-      "ref": null,
-      "rendered": "Regexper - Testing",
-      "type": "title",
-    },
-    "type": [Function],
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "class",
-      "props": Object {
-        "children": <title>
-          Regexper - Testing
-        </title>,
-        "defer": true,
-        "encodeSpecialCharacters": true,
-      },
-      "ref": null,
-      "rendered": Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": "Regexper - Testing",
-        },
-        "ref": null,
-        "rendered": "Regexper - Testing",
-        "type": "title",
-      },
-      "type": [Function],
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+<HelmetWrapper
+  defer={true}
+  encodeSpecialCharacters={true}
+>
+  <title>
+    Regexper - Testing
+  </title>
+</HelmetWrapper>
 `;
diff --git a/src/components/SentryBoundary/__snapshots__/test.js.snap b/src/components/SentryBoundary/__snapshots__/test.js.snap
index d4f5f03..e2147d2 100644
--- a/src/components/SentryBoundary/__snapshots__/test.js.snap
+++ b/src/components/SentryBoundary/__snapshots__/test.js.snap
@@ -1,147 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`SentryBoundary error handling 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <SentryBoundary>
-    <Child />
-  </SentryBoundary>,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "function",
-    "props": Object {},
-    "ref": null,
-    "rendered": null,
-    "type": [Function],
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "function",
-      "props": Object {},
-      "ref": null,
-      "rendered": null,
-      "type": [Function],
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
-`;
+exports[`SentryBoundary error handling 1`] = `<Child />`;
 
-exports[`SentryBoundary error handling 2`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <SentryBoundary>
-    <Child />
-  </SentryBoundary>,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "class",
-    "props": Object {},
-    "ref": null,
-    "rendered": null,
-    "type": [Function],
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "class",
-      "props": Object {},
-      "ref": null,
-      "rendered": null,
-      "type": [Function],
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
-`;
+exports[`SentryBoundary error handling 2`] = `<LoadNamespace(SentryError) />`;
 
-exports[`SentryBoundary rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <SentryBoundary>
-    Example content
-  </SentryBoundary>,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): "Example content",
-  Symbol(enzyme.__nodes__): Array [
-    "Example content",
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
-`;
+exports[`SentryBoundary rendering 1`] = `"Example content"`;
diff --git a/src/components/SentryError/__snapshots__/test.js.snap b/src/components/SentryError/__snapshots__/test.js.snap
index f05782a..d1a7892 100644
--- a/src/components/SentryError/__snapshots__/test.js.snap
+++ b/src/components/SentryError/__snapshots__/test.js.snap
@@ -1,193 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SentryError rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <SentryError
-    t={[Function]}
-  />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "function",
-    "props": Object {
-      "children": <p>
-        <WithMergedOptions(TransComponent)>
-          This error has been logged. You may also 
-          <a
-            href="#error-report"
-            onClick={[Function]}
-          >
-            fill out a report
-          </a>
-          .
-        </WithMergedOptions(TransComponent)>
-      </p>,
-      "heading": "TRANSLATE(An error has occurred)",
-      "type": "error",
-    },
-    "ref": null,
-    "rendered": Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "host",
-      "props": Object {
-        "children": <WithMergedOptions(TransComponent)>
-          This error has been logged. You may also 
-          <a
-            href="#error-report"
-            onClick={[Function]}
-          >
-            fill out a report
-          </a>
-          .
-        </WithMergedOptions(TransComponent)>,
-      },
-      "ref": null,
-      "rendered": Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "class",
-        "props": Object {
-          "children": Array [
-            "This error has been logged. You may also ",
-            <a
-              href="#error-report"
-              onClick={[Function]}
-            >
-              fill out a report
-            </a>,
-            ".",
-          ],
-        },
-        "ref": null,
-        "rendered": Array [
-          "This error has been logged. You may also ",
-          Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": "fill out a report",
-              "href": "#error-report",
-              "onClick": [Function],
-            },
-            "ref": null,
-            "rendered": "fill out a report",
-            "type": "a",
-          },
-          ".",
-        ],
-        "type": [Function],
-      },
-      "type": "p",
-    },
-    "type": [Function],
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "function",
-      "props": Object {
-        "children": <p>
-          <WithMergedOptions(TransComponent)>
-            This error has been logged. You may also 
-            <a
-              href="#error-report"
-              onClick={[Function]}
-            >
-              fill out a report
-            </a>
-            .
-          </WithMergedOptions(TransComponent)>
-        </p>,
-        "heading": "TRANSLATE(An error has occurred)",
-        "type": "error",
-      },
-      "ref": null,
-      "rendered": Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": <WithMergedOptions(TransComponent)>
-            This error has been logged. You may also 
-            <a
-              href="#error-report"
-              onClick={[Function]}
-            >
-              fill out a report
-            </a>
-            .
-          </WithMergedOptions(TransComponent)>,
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "class",
-          "props": Object {
-            "children": Array [
-              "This error has been logged. You may also ",
-              <a
-                href="#error-report"
-                onClick={[Function]}
-              >
-                fill out a report
-              </a>,
-              ".",
-            ],
-          },
-          "ref": null,
-          "rendered": Array [
-            "This error has been logged. You may also ",
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": "fill out a report",
-                "href": "#error-report",
-                "onClick": [Function],
-              },
-              "ref": null,
-              "rendered": "fill out a report",
-              "type": "a",
-            },
-            ".",
-          ],
-          "type": [Function],
-        },
-        "type": "p",
-      },
-      "type": [Function],
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+<Message
+  heading="TRANSLATE(An error has occurred)"
+  type="error"
+>
+  <p>
+    <WithMergedOptions(TransComponent)>
+      This error has been logged. You may also 
+      <a
+        href="#error-report"
+        onClick={[Function]}
+      >
+        fill out a report
+      </a>
+      .
+    </WithMergedOptions(TransComponent)>
+  </p>
+</Message>
 `;
diff --git a/src/pages/__snapshots__/404.test.js.snap b/src/pages/__snapshots__/404.test.js.snap
index 703a3b9..b98d0f0 100644
--- a/src/pages/__snapshots__/404.test.js.snap
+++ b/src/pages/__snapshots__/404.test.js.snap
@@ -1,189 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Error Page rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <ErrorPage
-    t={[Function]}
-  />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "function",
-    "props": Object {
-      "children": Array [
-        <Metadata
-          title="TRANSLATE(Page Not Found)"
-        />,
-        <Message
-          heading="TRANSLATE(404 Page Not Found)"
-          type="error"
-        >
-          <p>
-            <WithMergedOptions(TransComponent)>
-              The page you have requested could not be found.
-            </WithMergedOptions(TransComponent)>
-          </p>
-        </Message>,
-      ],
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "function",
-        "props": Object {
-          "title": "TRANSLATE(Page Not Found)",
-        },
-        "ref": null,
-        "rendered": null,
-        "type": [Function],
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "function",
-        "props": Object {
-          "children": <p>
-            <WithMergedOptions(TransComponent)>
-              The page you have requested could not be found.
-            </WithMergedOptions(TransComponent)>
-          </p>,
-          "heading": "TRANSLATE(404 Page Not Found)",
-          "type": "error",
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": <WithMergedOptions(TransComponent)>
-              The page you have requested could not be found.
-            </WithMergedOptions(TransComponent)>,
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "class",
-            "props": Object {
-              "children": "The page you have requested could not be found.",
-            },
-            "ref": null,
-            "rendered": "The page you have requested could not be found.",
-            "type": [Function],
-          },
-          "type": "p",
-        },
-        "type": [Function],
-      },
-    ],
-    "type": Symbol(react.fragment),
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "function",
-      "props": Object {
-        "children": Array [
-          <Metadata
-            title="TRANSLATE(Page Not Found)"
-          />,
-          <Message
-            heading="TRANSLATE(404 Page Not Found)"
-            type="error"
-          >
-            <p>
-              <WithMergedOptions(TransComponent)>
-                The page you have requested could not be found.
-              </WithMergedOptions(TransComponent)>
-            </p>
-          </Message>,
-        ],
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "function",
-          "props": Object {
-            "title": "TRANSLATE(Page Not Found)",
-          },
-          "ref": null,
-          "rendered": null,
-          "type": [Function],
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "function",
-          "props": Object {
-            "children": <p>
-              <WithMergedOptions(TransComponent)>
-                The page you have requested could not be found.
-              </WithMergedOptions(TransComponent)>
-            </p>,
-            "heading": "TRANSLATE(404 Page Not Found)",
-            "type": "error",
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "host",
-            "props": Object {
-              "children": <WithMergedOptions(TransComponent)>
-                The page you have requested could not be found.
-              </WithMergedOptions(TransComponent)>,
-            },
-            "ref": null,
-            "rendered": Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "class",
-              "props": Object {
-                "children": "The page you have requested could not be found.",
-              },
-              "ref": null,
-              "rendered": "The page you have requested could not be found.",
-              "type": [Function],
-            },
-            "type": "p",
-          },
-          "type": [Function],
-        },
-      ],
-      "type": Symbol(react.fragment),
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+<Fragment>
+  <Metadata
+    title="TRANSLATE(Page Not Found)"
+  />
+  <Message
+    heading="TRANSLATE(404 Page Not Found)"
+    type="error"
+  >
+    <p>
+      <WithMergedOptions(TransComponent)>
+        The page you have requested could not be found.
+      </WithMergedOptions(TransComponent)>
+    </p>
+  </Message>
+</Fragment>
 `;
diff --git a/src/pages/__snapshots__/index.test.js.snap b/src/pages/__snapshots__/index.test.js.snap
index 63de0b6..e56e6c5 100644
--- a/src/pages/__snapshots__/index.test.js.snap
+++ b/src/pages/__snapshots__/index.test.js.snap
@@ -1,371 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Index Page rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <IndexPage />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "function",
-    "props": Object {
-      "children": Array [
-        <Metadata />,
-        <noscript>
-          <Message
-            heading="JavaScript Required"
-            type="error"
-          >
-            <p>
-              You need JavaScript to use Regexper.
-            </p>
-            <p>
-              If you have concerns regarding the use of tracking code on Regexper, please see the 
-              <mockConstructor
-                to="/privacy"
-              >
-                Privacy Policy
-              </mockConstructor>
-              .
-            </p>
-          </Message>
-        </noscript>,
-        <div>
-          <WithMergedOptions(TransComponent)>
-            Hello world
-          </WithMergedOptions(TransComponent)>
-        </div>,
-      ],
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "function",
-        "props": Object {},
-        "ref": null,
-        "rendered": null,
-        "type": [Function],
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": <Message
-            heading="JavaScript Required"
-            type="error"
-          >
-            <p>
-              You need JavaScript to use Regexper.
-            </p>
-            <p>
-              If you have concerns regarding the use of tracking code on Regexper, please see the 
-              <mockConstructor
-                to="/privacy"
-              >
-                Privacy Policy
-              </mockConstructor>
-              .
-            </p>
-          </Message>,
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "function",
-          "props": Object {
-            "children": Array [
-              <p>
-                You need JavaScript to use Regexper.
-              </p>,
-              <p>
-                If you have concerns regarding the use of tracking code on Regexper, please see the 
-                <mockConstructor
-                  to="/privacy"
-                >
-                  Privacy Policy
-                </mockConstructor>
-                .
-              </p>,
-            ],
-            "heading": "JavaScript Required",
-            "type": "error",
-          },
-          "ref": null,
-          "rendered": Array [
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": "You need JavaScript to use Regexper.",
-              },
-              "ref": null,
-              "rendered": "You need JavaScript to use Regexper.",
-              "type": "p",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": Array [
-                  "If you have concerns regarding the use of tracking code on Regexper, please see the ",
-                  <mockConstructor
-                    to="/privacy"
-                  >
-                    Privacy Policy
-                  </mockConstructor>,
-                  ".",
-                ],
-              },
-              "ref": null,
-              "rendered": Array [
-                "If you have concerns regarding the use of tracking code on Regexper, please see the ",
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "function",
-                  "props": Object {
-                    "children": "Privacy Policy",
-                    "to": "/privacy",
-                  },
-                  "ref": null,
-                  "rendered": "Privacy Policy",
-                  "type": [MockFunction],
-                },
-                ".",
-              ],
-              "type": "p",
-            },
-          ],
-          "type": [Function],
-        },
-        "type": "noscript",
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "host",
-        "props": Object {
-          "children": <WithMergedOptions(TransComponent)>
-            Hello world
-          </WithMergedOptions(TransComponent)>,
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "class",
-          "props": Object {
-            "children": "Hello world",
-          },
-          "ref": null,
-          "rendered": "Hello world",
-          "type": [Function],
-        },
-        "type": "div",
-      },
-    ],
-    "type": Symbol(react.fragment),
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "function",
-      "props": Object {
-        "children": Array [
-          <Metadata />,
-          <noscript>
-            <Message
-              heading="JavaScript Required"
-              type="error"
-            >
-              <p>
-                You need JavaScript to use Regexper.
-              </p>
-              <p>
-                If you have concerns regarding the use of tracking code on Regexper, please see the 
-                <mockConstructor
-                  to="/privacy"
-                >
-                  Privacy Policy
-                </mockConstructor>
-                .
-              </p>
-            </Message>
-          </noscript>,
-          <div>
-            <WithMergedOptions(TransComponent)>
-              Hello world
-            </WithMergedOptions(TransComponent)>
-          </div>,
-        ],
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "function",
-          "props": Object {},
-          "ref": null,
-          "rendered": null,
-          "type": [Function],
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": <Message
-              heading="JavaScript Required"
-              type="error"
-            >
-              <p>
-                You need JavaScript to use Regexper.
-              </p>
-              <p>
-                If you have concerns regarding the use of tracking code on Regexper, please see the 
-                <mockConstructor
-                  to="/privacy"
-                >
-                  Privacy Policy
-                </mockConstructor>
-                .
-              </p>
-            </Message>,
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "function",
-            "props": Object {
-              "children": Array [
-                <p>
-                  You need JavaScript to use Regexper.
-                </p>,
-                <p>
-                  If you have concerns regarding the use of tracking code on Regexper, please see the 
-                  <mockConstructor
-                    to="/privacy"
-                  >
-                    Privacy Policy
-                  </mockConstructor>
-                  .
-                </p>,
-              ],
-              "heading": "JavaScript Required",
-              "type": "error",
-            },
-            "ref": null,
-            "rendered": Array [
-              Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "host",
-                "props": Object {
-                  "children": "You need JavaScript to use Regexper.",
-                },
-                "ref": null,
-                "rendered": "You need JavaScript to use Regexper.",
-                "type": "p",
-              },
-              Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "host",
-                "props": Object {
-                  "children": Array [
-                    "If you have concerns regarding the use of tracking code on Regexper, please see the ",
-                    <mockConstructor
-                      to="/privacy"
-                    >
-                      Privacy Policy
-                    </mockConstructor>,
-                    ".",
-                  ],
-                },
-                "ref": null,
-                "rendered": Array [
-                  "If you have concerns regarding the use of tracking code on Regexper, please see the ",
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "function",
-                    "props": Object {
-                      "children": "Privacy Policy",
-                      "to": "/privacy",
-                    },
-                    "ref": null,
-                    "rendered": "Privacy Policy",
-                    "type": [MockFunction],
-                  },
-                  ".",
-                ],
-                "type": "p",
-              },
-            ],
-            "type": [Function],
-          },
-          "type": "noscript",
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "host",
-          "props": Object {
-            "children": <WithMergedOptions(TransComponent)>
-              Hello world
-            </WithMergedOptions(TransComponent)>,
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "class",
-            "props": Object {
-              "children": "Hello world",
-            },
-            "ref": null,
-            "rendered": "Hello world",
-            "type": [Function],
-          },
-          "type": "div",
-        },
-      ],
-      "type": Symbol(react.fragment),
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+<Fragment>
+  <Metadata />
+  <noscript>
+    <Message
+      heading="JavaScript Required"
+      type="error"
+    >
+      <p>
+        You need JavaScript to use Regexper.
+      </p>
+      <p>
+        If you have concerns regarding the use of tracking code on Regexper, please see the 
+        <mockConstructor
+          to="/privacy"
+        >
+          Privacy Policy
+        </mockConstructor>
+        .
+      </p>
+    </Message>
+  </noscript>
+  <div>
+    <WithMergedOptions(TransComponent)>
+      Hello world
+    </WithMergedOptions(TransComponent)>
+  </div>
+</Fragment>
 `;
diff --git a/src/pages/__snapshots__/privacy.test.js.snap b/src/pages/__snapshots__/privacy.test.js.snap
index 69d0cfb..bfaaddf 100644
--- a/src/pages/__snapshots__/privacy.test.js.snap
+++ b/src/pages/__snapshots__/privacy.test.js.snap
@@ -1,799 +1,60 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Privacy Page rendering 1`] = `
-ShallowWrapper {
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <PrivacyPage
-    t={[Function]}
-  />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateError": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "function",
-    "props": Object {
-      "children": Array [
-        <Metadata
-          title="TRANSLATE(Privacy Policy)"
-        />,
-        <Message
-          heading="TRANSLATE(Privacy Policy)"
-          type="info"
+<Fragment>
+  <Metadata
+    title="TRANSLATE(Privacy Policy)"
+  />
+  <Message
+    heading="TRANSLATE(Privacy Policy)"
+    type="info"
+  >
+    <WithMergedOptions(TransComponent)
+      i18nKey="Privacy policy copy"
+    >
+      <p>
+        Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the 
+        <a
+          href="https://gitlab.com/javallone/regexper-static"
+          rel="external noopener noreferrer"
+          target="_blank"
         >
-          <WithMergedOptions(TransComponent)
-            i18nKey="Privacy policy copy"
-          >
-            <p>
-              Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the 
-              <a
-                href="https://gitlab.com/javallone/regexper-static"
-                rel="external noopener noreferrer"
-                target="_blank"
-              >
-                GitLab repository
-              </a>
-              .
-            </p>
-            <p>
-              There are two data collection tools integrated in the app. These tools are not used to collect personal information:
-            </p>
-            <ul>
-              <li>
-                <b>
-                  Google Analytics
-                </b>
-                 is used to track browser usage data and application performance. It is configured to anonymize the client IP address.
-              </li>
-              <li>
-                <b>
-                  Sentry.io
-                </b>
-                 is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.
-              </li>
-            </ul>
-            <p>
-              Regexper honors the browser 
-              <b>
-                “Do Not Track”
-              </b>
-               setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will 
-              <b>
-                not
-              </b>
-               impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.
-            </p>
-            <p>
-              Regexper is not supported by ad revenue or sales of any kind.
-            </p>
-          </WithMergedOptions(TransComponent)>
-        </Message>,
-      ],
-    },
-    "ref": null,
-    "rendered": Array [
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "function",
-        "props": Object {
-          "title": "TRANSLATE(Privacy Policy)",
-        },
-        "ref": null,
-        "rendered": null,
-        "type": [Function],
-      },
-      Object {
-        "instance": null,
-        "key": undefined,
-        "nodeType": "function",
-        "props": Object {
-          "children": <WithMergedOptions(TransComponent)
-            i18nKey="Privacy policy copy"
-          >
-            <p>
-              Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the 
-              <a
-                href="https://gitlab.com/javallone/regexper-static"
-                rel="external noopener noreferrer"
-                target="_blank"
-              >
-                GitLab repository
-              </a>
-              .
-            </p>
-            <p>
-              There are two data collection tools integrated in the app. These tools are not used to collect personal information:
-            </p>
-            <ul>
-              <li>
-                <b>
-                  Google Analytics
-                </b>
-                 is used to track browser usage data and application performance. It is configured to anonymize the client IP address.
-              </li>
-              <li>
-                <b>
-                  Sentry.io
-                </b>
-                 is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.
-              </li>
-            </ul>
-            <p>
-              Regexper honors the browser 
-              <b>
-                “Do Not Track”
-              </b>
-               setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will 
-              <b>
-                not
-              </b>
-               impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.
-            </p>
-            <p>
-              Regexper is not supported by ad revenue or sales of any kind.
-            </p>
-          </WithMergedOptions(TransComponent)>,
-          "heading": "TRANSLATE(Privacy Policy)",
-          "type": "info",
-        },
-        "ref": null,
-        "rendered": Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "class",
-          "props": Object {
-            "children": Array [
-              <p>
-                Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the 
-                <a
-                  href="https://gitlab.com/javallone/regexper-static"
-                  rel="external noopener noreferrer"
-                  target="_blank"
-                >
-                  GitLab repository
-                </a>
-                .
-              </p>,
-              <p>
-                There are two data collection tools integrated in the app. These tools are not used to collect personal information:
-              </p>,
-              <ul>
-                <li>
-                  <b>
-                    Google Analytics
-                  </b>
-                   is used to track browser usage data and application performance. It is configured to anonymize the client IP address.
-                </li>
-                <li>
-                  <b>
-                    Sentry.io
-                  </b>
-                   is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.
-                </li>
-              </ul>,
-              <p>
-                Regexper honors the browser 
-                <b>
-                  “Do Not Track”
-                </b>
-                 setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will 
-                <b>
-                  not
-                </b>
-                 impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.
-              </p>,
-              <p>
-                Regexper is not supported by ad revenue or sales of any kind.
-              </p>,
-            ],
-            "i18nKey": "Privacy policy copy",
-          },
-          "ref": null,
-          "rendered": Array [
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": Array [
-                  "Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the ",
-                  <a
-                    href="https://gitlab.com/javallone/regexper-static"
-                    rel="external noopener noreferrer"
-                    target="_blank"
-                  >
-                    GitLab repository
-                  </a>,
-                  ".",
-                ],
-              },
-              "ref": null,
-              "rendered": Array [
-                "Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the ",
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "host",
-                  "props": Object {
-                    "children": "GitLab repository",
-                    "href": "https://gitlab.com/javallone/regexper-static",
-                    "rel": "external noopener noreferrer",
-                    "target": "_blank",
-                  },
-                  "ref": null,
-                  "rendered": "GitLab repository",
-                  "type": "a",
-                },
-                ".",
-              ],
-              "type": "p",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": "There are two data collection tools integrated in the app. These tools are not used to collect personal information:",
-              },
-              "ref": null,
-              "rendered": "There are two data collection tools integrated in the app. These tools are not used to collect personal information:",
-              "type": "p",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": Array [
-                  <li>
-                    <b>
-                      Google Analytics
-                    </b>
-                     is used to track browser usage data and application performance. It is configured to anonymize the client IP address.
-                  </li>,
-                  <li>
-                    <b>
-                      Sentry.io
-                    </b>
-                     is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.
-                  </li>,
-                ],
-              },
-              "ref": null,
-              "rendered": Array [
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "host",
-                  "props": Object {
-                    "children": Array [
-                      <b>
-                        Google Analytics
-                      </b>,
-                      " is used to track browser usage data and application performance. It is configured to anonymize the client IP address.",
-                    ],
-                  },
-                  "ref": null,
-                  "rendered": Array [
-                    Object {
-                      "instance": null,
-                      "key": undefined,
-                      "nodeType": "host",
-                      "props": Object {
-                        "children": "Google Analytics",
-                      },
-                      "ref": null,
-                      "rendered": "Google Analytics",
-                      "type": "b",
-                    },
-                    " is used to track browser usage data and application performance. It is configured to anonymize the client IP address.",
-                  ],
-                  "type": "li",
-                },
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "host",
-                  "props": Object {
-                    "children": Array [
-                      <b>
-                        Sentry.io
-                      </b>,
-                      " is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.",
-                    ],
-                  },
-                  "ref": null,
-                  "rendered": Array [
-                    Object {
-                      "instance": null,
-                      "key": undefined,
-                      "nodeType": "host",
-                      "props": Object {
-                        "children": "Sentry.io",
-                      },
-                      "ref": null,
-                      "rendered": "Sentry.io",
-                      "type": "b",
-                    },
-                    " is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.",
-                  ],
-                  "type": "li",
-                },
-              ],
-              "type": "ul",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": Array [
-                  "Regexper honors the browser ",
-                  <b>
-                    “Do Not Track”
-                  </b>,
-                  " setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will ",
-                  <b>
-                    not
-                  </b>,
-                  " impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.",
-                ],
-              },
-              "ref": null,
-              "rendered": Array [
-                "Regexper honors the browser ",
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "host",
-                  "props": Object {
-                    "children": "“Do Not Track”",
-                  },
-                  "ref": null,
-                  "rendered": "“Do Not Track”",
-                  "type": "b",
-                },
-                " setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will ",
-                Object {
-                  "instance": null,
-                  "key": undefined,
-                  "nodeType": "host",
-                  "props": Object {
-                    "children": "not",
-                  },
-                  "ref": null,
-                  "rendered": "not",
-                  "type": "b",
-                },
-                " impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.",
-              ],
-              "type": "p",
-            },
-            Object {
-              "instance": null,
-              "key": undefined,
-              "nodeType": "host",
-              "props": Object {
-                "children": "Regexper is not supported by ad revenue or sales of any kind.",
-              },
-              "ref": null,
-              "rendered": "Regexper is not supported by ad revenue or sales of any kind.",
-              "type": "p",
-            },
-          ],
-          "type": [Function],
-        },
-        "type": [Function],
-      },
-    ],
-    "type": Symbol(react.fragment),
-  },
-  Symbol(enzyme.__nodes__): Array [
-    Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "function",
-      "props": Object {
-        "children": Array [
-          <Metadata
-            title="TRANSLATE(Privacy Policy)"
-          />,
-          <Message
-            heading="TRANSLATE(Privacy Policy)"
-            type="info"
-          >
-            <WithMergedOptions(TransComponent)
-              i18nKey="Privacy policy copy"
-            >
-              <p>
-                Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the 
-                <a
-                  href="https://gitlab.com/javallone/regexper-static"
-                  rel="external noopener noreferrer"
-                  target="_blank"
-                >
-                  GitLab repository
-                </a>
-                .
-              </p>
-              <p>
-                There are two data collection tools integrated in the app. These tools are not used to collect personal information:
-              </p>
-              <ul>
-                <li>
-                  <b>
-                    Google Analytics
-                  </b>
-                   is used to track browser usage data and application performance. It is configured to anonymize the client IP address.
-                </li>
-                <li>
-                  <b>
-                    Sentry.io
-                  </b>
-                   is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.
-                </li>
-              </ul>
-              <p>
-                Regexper honors the browser 
-                <b>
-                  “Do Not Track”
-                </b>
-                 setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will 
-                <b>
-                  not
-                </b>
-                 impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.
-              </p>
-              <p>
-                Regexper is not supported by ad revenue or sales of any kind.
-              </p>
-            </WithMergedOptions(TransComponent)>
-          </Message>,
-        ],
-      },
-      "ref": null,
-      "rendered": Array [
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "function",
-          "props": Object {
-            "title": "TRANSLATE(Privacy Policy)",
-          },
-          "ref": null,
-          "rendered": null,
-          "type": [Function],
-        },
-        Object {
-          "instance": null,
-          "key": undefined,
-          "nodeType": "function",
-          "props": Object {
-            "children": <WithMergedOptions(TransComponent)
-              i18nKey="Privacy policy copy"
-            >
-              <p>
-                Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the 
-                <a
-                  href="https://gitlab.com/javallone/regexper-static"
-                  rel="external noopener noreferrer"
-                  target="_blank"
-                >
-                  GitLab repository
-                </a>
-                .
-              </p>
-              <p>
-                There are two data collection tools integrated in the app. These tools are not used to collect personal information:
-              </p>
-              <ul>
-                <li>
-                  <b>
-                    Google Analytics
-                  </b>
-                   is used to track browser usage data and application performance. It is configured to anonymize the client IP address.
-                </li>
-                <li>
-                  <b>
-                    Sentry.io
-                  </b>
-                   is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.
-                </li>
-              </ul>
-              <p>
-                Regexper honors the browser 
-                <b>
-                  “Do Not Track”
-                </b>
-                 setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will 
-                <b>
-                  not
-                </b>
-                 impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.
-              </p>
-              <p>
-                Regexper is not supported by ad revenue or sales of any kind.
-              </p>
-            </WithMergedOptions(TransComponent)>,
-            "heading": "TRANSLATE(Privacy Policy)",
-            "type": "info",
-          },
-          "ref": null,
-          "rendered": Object {
-            "instance": null,
-            "key": undefined,
-            "nodeType": "class",
-            "props": Object {
-              "children": Array [
-                <p>
-                  Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the 
-                  <a
-                    href="https://gitlab.com/javallone/regexper-static"
-                    rel="external noopener noreferrer"
-                    target="_blank"
-                  >
-                    GitLab repository
-                  </a>
-                  .
-                </p>,
-                <p>
-                  There are two data collection tools integrated in the app. These tools are not used to collect personal information:
-                </p>,
-                <ul>
-                  <li>
-                    <b>
-                      Google Analytics
-                    </b>
-                     is used to track browser usage data and application performance. It is configured to anonymize the client IP address.
-                  </li>
-                  <li>
-                    <b>
-                      Sentry.io
-                    </b>
-                     is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.
-                  </li>
-                </ul>,
-                <p>
-                  Regexper honors the browser 
-                  <b>
-                    “Do Not Track”
-                  </b>
-                   setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will 
-                  <b>
-                    not
-                  </b>
-                   impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.
-                </p>,
-                <p>
-                  Regexper is not supported by ad revenue or sales of any kind.
-                </p>,
-              ],
-              "i18nKey": "Privacy policy copy",
-            },
-            "ref": null,
-            "rendered": Array [
-              Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "host",
-                "props": Object {
-                  "children": Array [
-                    "Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the ",
-                    <a
-                      href="https://gitlab.com/javallone/regexper-static"
-                      rel="external noopener noreferrer"
-                      target="_blank"
-                    >
-                      GitLab repository
-                    </a>,
-                    ".",
-                  ],
-                },
-                "ref": null,
-                "rendered": Array [
-                  "Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source in the ",
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "host",
-                    "props": Object {
-                      "children": "GitLab repository",
-                      "href": "https://gitlab.com/javallone/regexper-static",
-                      "rel": "external noopener noreferrer",
-                      "target": "_blank",
-                    },
-                    "ref": null,
-                    "rendered": "GitLab repository",
-                    "type": "a",
-                  },
-                  ".",
-                ],
-                "type": "p",
-              },
-              Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "host",
-                "props": Object {
-                  "children": "There are two data collection tools integrated in the app. These tools are not used to collect personal information:",
-                },
-                "ref": null,
-                "rendered": "There are two data collection tools integrated in the app. These tools are not used to collect personal information:",
-                "type": "p",
-              },
-              Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "host",
-                "props": Object {
-                  "children": Array [
-                    <li>
-                      <b>
-                        Google Analytics
-                      </b>
-                       is used to track browser usage data and application performance. It is configured to anonymize the client IP address.
-                    </li>,
-                    <li>
-                      <b>
-                        Sentry.io
-                      </b>
-                       is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.
-                    </li>,
-                  ],
-                },
-                "ref": null,
-                "rendered": Array [
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "host",
-                    "props": Object {
-                      "children": Array [
-                        <b>
-                          Google Analytics
-                        </b>,
-                        " is used to track browser usage data and application performance. It is configured to anonymize the client IP address.",
-                      ],
-                    },
-                    "ref": null,
-                    "rendered": Array [
-                      Object {
-                        "instance": null,
-                        "key": undefined,
-                        "nodeType": "host",
-                        "props": Object {
-                          "children": "Google Analytics",
-                        },
-                        "ref": null,
-                        "rendered": "Google Analytics",
-                        "type": "b",
-                      },
-                      " is used to track browser usage data and application performance. It is configured to anonymize the client IP address.",
-                    ],
-                    "type": "li",
-                  },
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "host",
-                    "props": Object {
-                      "children": Array [
-                        <b>
-                          Sentry.io
-                        </b>,
-                        " is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.",
-                      ],
-                    },
-                    "ref": null,
-                    "rendered": Array [
-                      Object {
-                        "instance": null,
-                        "key": undefined,
-                        "nodeType": "host",
-                        "props": Object {
-                          "children": "Sentry.io",
-                        },
-                        "ref": null,
-                        "rendered": "Sentry.io",
-                        "type": "b",
-                      },
-                      " is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.",
-                    ],
-                    "type": "li",
-                  },
-                ],
-                "type": "ul",
-              },
-              Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "host",
-                "props": Object {
-                  "children": Array [
-                    "Regexper honors the browser ",
-                    <b>
-                      “Do Not Track”
-                    </b>,
-                    " setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will ",
-                    <b>
-                      not
-                    </b>,
-                    " impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.",
-                  ],
-                },
-                "ref": null,
-                "rendered": Array [
-                  "Regexper honors the browser ",
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "host",
-                    "props": Object {
-                      "children": "“Do Not Track”",
-                    },
-                    "ref": null,
-                    "rendered": "“Do Not Track”",
-                    "type": "b",
-                  },
-                  " setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will ",
-                  Object {
-                    "instance": null,
-                    "key": undefined,
-                    "nodeType": "host",
-                    "props": Object {
-                      "children": "not",
-                    },
-                    "ref": null,
-                    "rendered": "not",
-                    "type": "b",
-                  },
-                  " impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.",
-                ],
-                "type": "p",
-              },
-              Object {
-                "instance": null,
-                "key": undefined,
-                "nodeType": "host",
-                "props": Object {
-                  "children": "Regexper is not supported by ad revenue or sales of any kind.",
-                },
-                "ref": null,
-                "rendered": "Regexper is not supported by ad revenue or sales of any kind.",
-                "type": "p",
-              },
-            ],
-            "type": [Function],
-          },
-          "type": [Function],
-        },
-      ],
-      "type": Symbol(react.fragment),
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-        "lifecycles": Object {
-          "componentDidUpdate": Object {
-            "onSetState": true,
-          },
-          "getDerivedStateFromProps": true,
-          "getSnapshotBeforeUpdate": true,
-          "setState": Object {
-            "skipsComponentDidUpdateOnNullish": true,
-          },
-        },
-      },
-    },
-  },
-}
+          GitLab repository
+        </a>
+        .
+      </p>
+      <p>
+        There are two data collection tools integrated in the app. These tools are not used to collect personal information:
+      </p>
+      <ul>
+        <li>
+          <b>
+            Google Analytics
+          </b>
+           is used to track browser usage data and application performance. It is configured to anonymize the client IP address.
+        </li>
+        <li>
+          <b>
+            Sentry.io
+          </b>
+           is a tool used to capture and report client-side JavaScript errors. It is configured to not store the client IP address.
+        </li>
+      </ul>
+      <p>
+        Regexper honors the browser 
+        <b>
+          “Do Not Track”
+        </b>
+         setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will 
+        <b>
+          not
+        </b>
+         impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.
+      </p>
+      <p>
+        Regexper is not supported by ad revenue or sales of any kind.
+      </p>
+    </WithMergedOptions(TransComponent)>
+  </Message>
+</Fragment>
 `;