diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
index 66553138396..433db7c4e98 100644
--- a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
+++ b/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
@@ -1,9 +1,43 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addons|Centered Button 1`] = `
-<div
-  style={
-    Object {
+Object {
+  "__b": 0,
+  "__c": null,
+  "__e": null,
+  "__k": null,
+  "__p": null,
+  "constructor": undefined,
+  "key": undefined,
+  "l": null,
+  "props": Object {
+    "children": Object {
+      "__b": 0,
+      "__c": null,
+      "__e": null,
+      "__k": null,
+      "__p": null,
+      "constructor": undefined,
+      "key": undefined,
+      "l": null,
+      "props": Object {
+        "children": VNode {
+          "attributes": undefined,
+          "children": Array [
+            "A button",
+          ],
+          "key": undefined,
+          "nodeName": [Function],
+        },
+        "style": Object {
+          "margin": "auto",
+          "maxHeight": "100%",
+        },
+      },
+      "ref": undefined,
+      "type": "div",
+    },
+    "style": Object {
       "alignItems": "center",
       "bottom": "0",
       "display": "flex",
@@ -12,22 +46,9 @@ exports[`Storyshots Addons|Centered Button 1`] = `
       "position": "fixed",
       "right": "0",
       "top": "0",
-    }
-  }
->
-  <div
-    style={
-      Object {
-        "margin": "auto",
-        "maxHeight": "100%",
-      }
-    }
-  >
-    <button
-      class="button"
-    >
-      A button
-    </button>
-  </div>
-</div>
+    },
+  },
+  "ref": undefined,
+  "type": "div",
+}
 `;
diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot
index 6424cb79bb7..337a8e9b02a 100644
--- a/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot
+++ b/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot
@@ -1,224 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Actions Action And Method 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
->
-  Click me to log the action
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Action Only 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
->
-  Click me to log the action
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Multiple Actions 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
-  ondblclick={[Function]}
->
-  (Double) click me to log the action
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Multiple Actions Object 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
-  ondblclick={[Function]}
->
-  (Double) click me to log the action
-</button>
-`;
-
-exports[`Storyshots Addons|Backgrounds Example 1 1`] = `
-<button
-  class="button"
->
-  You should be able to switch backgrounds for this story
-</button>
-`;
-
-exports[`Storyshots Addons|Backgrounds Example 2 1`] = `
-<button
-  class="button"
->
-  This one too!
-</button>
-`;
-
-exports[`Storyshots Addons|Centered Button 1`] = `
-Object {
-  "__b": 0,
-  "__c": null,
-  "__e": null,
-  "__k": null,
-  "__p": null,
-  "constructor": undefined,
-  "key": undefined,
-  "l": null,
-  "props": Object {
-    "children": Object {
-      "__b": 0,
-      "__c": null,
-      "__e": null,
-      "__k": null,
-      "__p": null,
-      "constructor": undefined,
-      "key": undefined,
-      "l": null,
-      "props": Object {
-        "children": VNode {
-          "attributes": undefined,
-          "children": Array [
-            "A button",
-          ],
-          "key": undefined,
-          "nodeName": [Function],
-        },
-        "style": Object {
-          "margin": "auto",
-          "maxHeight": "100%",
-        },
-      },
-      "ref": undefined,
-      "type": "div",
-    },
-    "style": Object {
-      "alignItems": "center",
-      "bottom": "0",
-      "display": "flex",
-      "left": "0",
-      "overflow": "auto",
-      "position": "fixed",
-      "right": "0",
-      "top": "0",
-    },
-  },
-  "ref": undefined,
-  "type": "div",
-}
-`;
-
-exports[`Storyshots Addons|Contexts Simple Css Theming 1`] = `
-<div
-  style={
-    Object {
-      "background": "#173F5F",
-      "color": "white",
-      "height": "100vh",
-      "padding": "10px",
-    }
-  }
->
-  <div>
-    I'm a children of the injected 'div' (where provides a theming context).
-  </div>
-</div>
-`;
-
-exports[`Storyshots Addons|Knobs All Knobs 1`] = `
-<div
-  style="border:2px dotted deeppink; padding: 8px 22px; border-radius: 8px"
->
-  <h1>
-    My name is Jane,
-  </h1>
-  <h3>
-    today is January 20, 2017
-  </h3>
-  <p>
-    I have a stock of 20 apples, costing &dollar;2.25 each.
-  </p>
-  <p>
-    Also, I have:
-  </p>
-  <ul>
-    <li>
-      Laptop
-    </li>
-    <li>
-      Book
-    </li>
-    <li>
-      Whiskey
-    </li>
-  </ul>
-  <p>
-    Nice to meet you!
-  </p>
-</div>
-`;
-
-exports[`Storyshots Addons|Knobs Simple 1`] = `
-<div>
-  I am John Doe and I'm 44 years old.
-</div>
-`;
-
-exports[`Storyshots Addons|Links Go To Welcome 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
->
-  This button links to Welcome
-</button>
-`;
-
-exports[`Storyshots Addons|Notes Note With Html 1`] = `
-<p>
-  <span>
-    🤔😳😯😮
-  </span>
-  <br />
-  <span>
-    😄😩😓😱
-  </span>
-  <br />
-  <span>
-    🤓😑😶😊
-  </span>
-</p>
-`;
-
-exports[`Storyshots Addons|Notes Simple Note 1`] = `
-<p>
-  <strong>
-    Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.
-  </strong>
-</p>
-`;
-
-exports[`Storyshots Button With Some Emoji 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
->
-  <span
-    aria-label="so cool"
-    role="img"
-  >
-    😀 😎 👍 💯
-  </span>
-</button>
-`;
-
-exports[`Storyshots Button With Text 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
->
-  Hello Button
-</button>
-`;
-
 exports[`Storyshots Welcome To Storybook 1`] = `
 <article
   style={