diff --git a/src/__mocks__/component-mock.js b/src/__mocks__/component-mock.js
index ba6ef4c..ac50082 100644
--- a/src/__mocks__/component-mock.js
+++ b/src/__mocks__/component-mock.js
@@ -3,7 +3,9 @@ const React = require('react');
 const buildMock = component => {
   const componentName = component.displayName || component.name || 'Component';
   const Mock = ({ children, ...props }) => (
-    <span data-component={ componentName } { ...props }>{ children }</span>
+    <span
+      data-component={ componentName }
+      data-props={ JSON.stringify(props, null, '  ') }>{ children }</span>
   );
   Mock.propTypes = component.propTypes;
   return Mock;
diff --git a/src/components/SentryError/__snapshots__/test.js.snap b/src/components/SentryError/__snapshots__/test.js.snap
index bd27abf..2bf482e 100644
--- a/src/components/SentryError/__snapshots__/test.js.snap
+++ b/src/components/SentryError/__snapshots__/test.js.snap
@@ -4,12 +4,15 @@ exports[`SentryError rendering 1`] = `
 <DocumentFragment>
   <span
     data-component="Message"
-    heading="TRANSLATE(An error has occurred)"
-    type="error"
+    data-props="{
+  \\"type\\": \\"error\\",
+  \\"heading\\": \\"TRANSLATE(An error has occurred)\\"
+}"
   >
     <p>
       <span
         data-component="Trans"
+        data-props="{}"
       >
         This error has been logged. You may also 
         <a