diff --git a/.circleci/config.yml b/.circleci/config.yml
index b55c06aa9f05..51f6a073338d 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -142,7 +142,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 5
+    parallelism: 4
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -322,7 +322,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 18
+    parallelism: 20
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -341,7 +341,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 11
+    parallelism: 15
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -356,7 +356,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 18
+    parallelism: 20
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -375,7 +375,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 16
+    parallelism: 18
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -390,7 +390,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 18
+    parallelism: 20
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
@@ -405,7 +405,7 @@ jobs:
     executor:
       class: medium+
       name: sb_playwright
-    parallelism: 18
+    parallelism: 20
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
diff --git a/code/e2e-tests/addon-docs.spec.ts b/code/e2e-tests/addon-docs.spec.ts
index 19277c7c69fd..f2e943abb04f 100644
--- a/code/e2e-tests/addon-docs.spec.ts
+++ b/code/e2e-tests/addon-docs.spec.ts
@@ -16,7 +16,7 @@ test.describe('addon-docs', () => {
   test('should provide source snippet', async ({ page }) => {
     // templateName is e.g. 'Vue-CLI (Default JS)'
     test.skip(
-      /^(vue3|vue-cli)/i.test(templateName),
+      /^(vue3|vue-cli|preact)/i.test(templateName),
       `Skipping ${templateName}, which does not support dynamic source snippets`
     );
 
diff --git a/code/examples/preact-kitchen-sink/.eslintrc.js b/code/examples/preact-kitchen-sink/.eslintrc.js
deleted file mode 100644
index b1a66a613a18..000000000000
--- a/code/examples/preact-kitchen-sink/.eslintrc.js
+++ /dev/null
@@ -1,12 +0,0 @@
-module.exports = {
-  settings: {
-    react: {
-      pragma: 'h',
-      pragmaFrag: 'Fragment',
-    },
-  },
-  rules: {
-    'react/react-in-jsx-scope': 'off',
-    'react/prop-types': 'off',
-  },
-};
diff --git a/code/examples/preact-kitchen-sink/.gitignore b/code/examples/preact-kitchen-sink/.gitignore
deleted file mode 100644
index 6c96c5cff124..000000000000
--- a/code/examples/preact-kitchen-sink/.gitignore
+++ /dev/null
@@ -1,15 +0,0 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# dependencies
-node_modules
-
-# testing
-coverage
-
-# production
-build
-
-# misc
-.DS_Store
-.env
-npm-debug.log
diff --git a/code/examples/preact-kitchen-sink/.storybook/main.ts b/code/examples/preact-kitchen-sink/.storybook/main.ts
deleted file mode 100644
index 7c6fc81a44b8..000000000000
--- a/code/examples/preact-kitchen-sink/.storybook/main.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import type { StorybookConfig } from '@storybook/preact-webpack5';
-
-const path = require('path');
-
-const mainConfig: StorybookConfig = {
-  stories: ['../src/stories/**/*.stories.@(ts|tsx|js|jsx|mdx)'],
-  logLevel: 'debug',
-  addons: [
-    '@storybook/addon-storysource',
-    '@storybook/addon-actions',
-    '@storybook/addon-docs',
-    '@storybook/addon-links',
-    '@storybook/addon-viewport',
-    '@storybook/addon-backgrounds',
-    '@storybook/addon-a11y',
-    '@storybook/addon-highlight',
-  ],
-  webpackFinal: (config) => {
-    const rules = config.module?.rules || [];
-    rules.push({
-      test: [/\.stories\.(js|ts|jsx|tsx)$/],
-      use: [require.resolve('@storybook/source-loader')],
-      include: [path.resolve(__dirname, '../src')],
-      enforce: 'pre',
-    });
-
-    // eslint-disable-next-line no-param-reassign
-    config.module = config.module || {};
-    // eslint-disable-next-line no-param-reassign
-    config.module.rules = rules;
-    return config;
-  },
-  core: {
-    channelOptions: { allowFunction: false, maxDepth: 10 },
-    disableTelemetry: true,
-  },
-  staticDirs: ['../public'],
-  features: {
-    buildStoriesJson: true,
-    breakingChangesV7: true,
-  },
-  framework: '@storybook/preact-webpack5',
-};
-
-module.exports = mainConfig;
diff --git a/code/examples/preact-kitchen-sink/README.md b/code/examples/preact-kitchen-sink/README.md
deleted file mode 100644
index f2c53ad4493f..000000000000
--- a/code/examples/preact-kitchen-sink/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Storybook Demo
-
-This is a demo app to test `preact` integration with Storybook. Run `yarn install` to sync Storybook module with the source code and run `yarn storybook` to start the Storybook.
diff --git a/code/examples/preact-kitchen-sink/babel.config.json b/code/examples/preact-kitchen-sink/babel.config.json
deleted file mode 100644
index fe34d5aaf2f7..000000000000
--- a/code/examples/preact-kitchen-sink/babel.config.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "plugins": [
-    [
-      "@babel/plugin-transform-react-jsx",
-      {
-        "pragma": "h",
-        "pragmaFrag": "Fragment"
-      }
-    ]
-  ]
-}
diff --git a/code/examples/preact-kitchen-sink/jest.config.js b/code/examples/preact-kitchen-sink/jest.config.js
deleted file mode 100644
index bc70974353ed..000000000000
--- a/code/examples/preact-kitchen-sink/jest.config.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const config = require('../../jest.config');
-
-module.exports = {
-  ...config,
-  roots: [__dirname],
-  moduleNameMapper: {
-    '^react$': 'preact/compat',
-    '^react-dom/test-utils$': 'preact/test-utils',
-    '^react-dom$': 'preact/compat',
-    '^enzyme-adapter-react-16$': '<rootDir>/examples/preact-kitchen-sink/preact-enzyme-mapping.js',
-  },
-};
diff --git a/code/examples/preact-kitchen-sink/package.json b/code/examples/preact-kitchen-sink/package.json
deleted file mode 100644
index 42d37f4f98f1..000000000000
--- a/code/examples/preact-kitchen-sink/package.json
+++ /dev/null
@@ -1,51 +0,0 @@
-{
-  "name": "preact-example",
-  "version": "7.0.0-alpha.38",
-  "private": true,
-  "scripts": {
-    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
-    "build-storybook": "storybook build",
-    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
-    "storybook": "storybook dev -p 9009 --no-manager-cache"
-  },
-  "dependencies": {
-    "global": "^4.4.0",
-    "preact": "^10.5.13"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "7.0.0-alpha.38",
-    "@storybook/addon-actions": "7.0.0-alpha.38",
-    "@storybook/addon-backgrounds": "7.0.0-alpha.38",
-    "@storybook/addon-highlight": "7.0.0-alpha.38",
-    "@storybook/addon-links": "7.0.0-alpha.38",
-    "@storybook/addon-storyshots": "7.0.0-alpha.38",
-    "@storybook/addon-storysource": "7.0.0-alpha.38",
-    "@storybook/addon-viewport": "7.0.0-alpha.38",
-    "@storybook/addons": "7.0.0-alpha.38",
-    "@storybook/preact": "7.0.0-alpha.38",
-    "@storybook/preact-webpack5": "7.0.0-alpha.38",
-    "@storybook/source-loader": "7.0.0-alpha.38",
-    "@types/prop-types": "^15.7.3",
-    "@types/react": "^17",
-    "@types/react-dom": "^17",
-    "babel-loader": "^8.2.5",
-    "cross-env": "^7.0.3",
-    "enzyme-adapter-preact": "^0.2.0",
-    "file-loader": "^6.2.0",
-    "preact-render-to-string": "^5.1.19",
-    "prop-types": "^15.7.2",
-    "raw-loader": "^4.0.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "storybook": "7.0.0-alpha.38",
-    "svg-url-loader": "^7.1.1",
-    "webpack": "5",
-    "webpack-dev-server": "^4.8.1"
-  },
-  "storybook": {
-    "chromatic": {
-      "projectToken": "ls0ikhnwqt"
-    }
-  }
-}
diff --git a/code/examples/preact-kitchen-sink/preact-enzyme-mapping.js b/code/examples/preact-kitchen-sink/preact-enzyme-mapping.js
deleted file mode 100644
index 7cefe9bd0e12..000000000000
--- a/code/examples/preact-kitchen-sink/preact-enzyme-mapping.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Adapter } from 'enzyme-adapter-preact';
-
-export default Adapter;
diff --git a/code/examples/preact-kitchen-sink/preactshots.test.js b/code/examples/preact-kitchen-sink/preactshots.test.js
deleted file mode 100644
index d44a573ddaf6..000000000000
--- a/code/examples/preact-kitchen-sink/preactshots.test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import path from 'path';
-import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots';
-
-initStoryshots({
-  framework: 'preact',
-  configPath: path.join(__dirname, '.storybook'),
-  integrityOptions: { cwd: path.join(__dirname, 'src', 'stories') },
-  test: multiSnapshotWithOptions(),
-});
diff --git a/code/examples/preact-kitchen-sink/public/favicon.ico b/code/examples/preact-kitchen-sink/public/favicon.ico
deleted file mode 100644
index f6da4336801b..000000000000
Binary files a/code/examples/preact-kitchen-sink/public/favicon.ico and /dev/null differ
diff --git a/code/examples/preact-kitchen-sink/public/logo.png b/code/examples/preact-kitchen-sink/public/logo.png
deleted file mode 100644
index 52d1623ea105..000000000000
Binary files a/code/examples/preact-kitchen-sink/public/logo.png and /dev/null differ
diff --git a/code/examples/preact-kitchen-sink/src/Button.js b/code/examples/preact-kitchen-sink/src/Button.js
deleted file mode 100644
index 793ffe0f4102..000000000000
--- a/code/examples/preact-kitchen-sink/src/Button.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * The button component will render a clickable button
- */
-
-const Button = ({ children, href, ...props }) => {
-  const TagName = href ? 'a' : 'button';
-
-  return (
-    <TagName class="button" href={href} {...props}>
-      {children}
-    </TagName>
-  );
-};
-
-Button.defaultProps = {
-  href: undefined,
-};
-
-export default Button;
diff --git a/code/examples/preact-kitchen-sink/src/Welcome.js b/code/examples/preact-kitchen-sink/src/Welcome.js
deleted file mode 100644
index 3c496a371f3f..000000000000
--- a/code/examples/preact-kitchen-sink/src/Welcome.js
+++ /dev/null
@@ -1,132 +0,0 @@
-const Main = (props) => (
-  <article
-    {...props}
-    style={{
-      padding: 15,
-      lineHeight: 1.4,
-      fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
-      backgroundColor: '#ffffff',
-    }}
-  />
-);
-
-const Title = ({ children, ...props }) => <h1 {...props}>{children}</h1>;
-
-const Note = (props) => (
-  <p
-    {...props}
-    style={{
-      opacity: 0.5,
-    }}
-  />
-);
-
-const InlineCode = (props) => (
-  <code
-    {...props}
-    style={{
-      fontSize: 15,
-      fontWeight: 600,
-      padding: '2px 5px',
-      border: '1px solid #eae9e9',
-      borderRadius: 4,
-      backgroundColor: '#f3f2f2',
-      color: '#3a3a3a',
-    }}
-  />
-);
-
-const Link = ({ children, href, ...props }) => (
-  <a
-    href={href}
-    {...props}
-    style={{
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2,
-    }}
-  >
-    {children}
-  </a>
-);
-
-const NavButton = ({ children, ...props }) => (
-  <button
-    {...props}
-    type="button"
-    style={{
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2,
-      borderTop: 'none',
-      borderRight: 'none',
-      borderLeft: 'none',
-      backgroundColor: 'transparent',
-      padding: 0,
-      cursor: 'pointer',
-      font: 'inherit',
-    }}
-  >
-    {children}
-  </button>
-);
-
-const Welcome = ({ showApp }) => (
-  <Main>
-    <Title>Welcome to storybook for Preact</Title>
-    <img
-      alt="Preact logo"
-      src="./logo.png"
-      style={{
-        'text-align': 'center',
-        height: '150px',
-        display: 'block',
-        margin: '0 auto',
-      }}
-    />
-    <p>This is a UI component dev environment for your Preact app.</p>
-    <p>
-      We've added some basic stories inside the <InlineCode>src/stories</InlineCode> directory.
-      <br />A story is a single state of one or more UI components. You can have as many stories as
-      you want.
-      <br />
-      (Basically a story is like a visual test case.)
-    </p>
-    <p>
-      See these sample <NavButton onClick={showApp}>stories</NavButton> for a component called&nbsp;
-      <InlineCode>Button</InlineCode>.
-    </p>
-    <p>
-      Just like that, you can add your own components as stories.
-      <br />
-      You can also edit those components and see changes right away.
-      <br />
-      (Try editing the <InlineCode>Button</InlineCode> stories located at&nbsp;
-      <InlineCode>src/stories/1-Button.stories.js</InlineCode>
-      .)
-    </p>
-    <p>
-      Usually we create stories with smaller UI components in the app.
-      <br />
-      Have a look at the&nbsp;
-      <Link
-        href="https://storybook.js.org/basics/writing-stories"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        Writing Stories
-      </Link>
-      &nbsp;section in our documentation.
-    </p>
-    <Note>
-      <b>NOTE:</b>
-      <br />
-      Have a look at the <InlineCode>.storybook/webpack.config.js</InlineCode> to add webpack
-      loaders and plugins you are using in this project.
-    </Note>
-  </Main>
-);
-
-export { Welcome as default };
diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
deleted file mode 100644
index e34bf6d9f176..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ /dev/null
@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons/Actions Action and method 1`] = `
-"<button
-  class=\\"button\\"
-  onclick={[Function onclick]}
->
-  Click me to log the action
-</button>"
-`;
-
-exports[`Storyshots Addons/Actions Action only 1`] = `
-"<button
-  class=\\"button\\"
-  onclick={[Function onclick]}
->
-  Click me to log the action 
-</button>"
-`;
-
-exports[`Storyshots Addons/Actions Multiple actions 1`] = `
-"<button
-  class=\\"button\\"
-  onclick={[Function actionHandler]}
-  ondblclick={[Function actionHandler]}
->
-  (Double) click me to log the action
-</button>"
-`;
-
-exports[`Storyshots Addons/Actions Multiple actions, object 1`] = `
-"<button
-  class=\\"button\\"
-  onclick={[Function actionHandler]}
-  ondblclick={[Function actionHandler]}
->
-  (Double) click me to log the action
-</button>"
-`;
diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
deleted file mode 100644
index 1772b691a29d..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-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>"`;
diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
deleted file mode 100644
index a57fa1a3a993..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
+++ /dev/null
@@ -1,10 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons/Links Go to welcome 1`] = `
-"<button
-  class=\\"button\\"
-  onclick={[Function anonymous]}
->
-  This button links to Welcome
-</button>"
-`;
diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot
deleted file mode 100644
index c9a2c36d7580..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot
+++ /dev/null
@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Button with some emoji 1`] = `
-"<button
-  class=\\"button\\"
-  onclick={[Function actionHandler]}
->
-  <span
-    role=\\"img\\"
-    aria-label=\\"so cool\\"
-  >
-    😀 😎 👍 💯
-  </span>
-</button>"
-`;
-
-exports[`Storyshots Button with text 1`] = `
-"<button
-  class=\\"button\\"
-  onclick={[Function actionHandler]}
->
-  Hello Button
-</button>"
-`;
diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/react-compat.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/react-compat.stories.storyshot
deleted file mode 100644
index fd3cd9ea3c97..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/react-compat.stories.storyshot
+++ /dev/null
@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots React Compatibility React Component Demo 1`] = `
-"<div>
-  <h1>React component demo</h1>
-  <div
-    tabIndex={0}
-    onClick={[Function onClick]}
-    style=\\"cursor: pointer;\\"
-    onKeyDown={[Function onKeyDown]}
-    role=\\"button\\"
-  >
-    <div style=\\"color: red;\\">
-      This is a React functional component rendered by Preact
-    </div>
-    <div>Clicked 0 times.</div>
-  </div>
-  <hr />
-  <div
-    tabIndex={0}
-    onClick={[Function onClick]}
-    onKeyDown={[Function onKeyDown]}
-    style=\\"cursor: pointer;\\"
-    role=\\"button\\"
-  >
-    <div style=\\"color: green;\\">
-      This is a React class component rendered by Preact
-    </div>
-    <div>Clicked 0 times.</div>
-  </div>
-</div>"
-`;
diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot
deleted file mode 100644
index 80e80479664b..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot
+++ /dev/null
@@ -1,69 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Welcome to Storybook 1`] = `
-"<article style=\\"padding: 15px; line-height: 1.4; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Segoe UI&quot;, Arial, freesans, sans-serif; background-color: #ffffff;\\">
-  <h1>Welcome to storybook for Preact</h1>
-  <img
-    alt=\\"Preact logo\\"
-    src=\\"./logo.png\\"
-    style=\\"text-align: center; height: 150px; display: block; margin: 0 auto;\\"
-   />
-  <p>
-    This is a UI component dev environment for your Preact app.
-  </p>
-  <p>
-    We've added some basic stories inside the 
-    <code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">src/stories</code>
-     directory.
-    <br />
-    A story is a single state of one or more UI components. You can have as many stories as you want.
-    <br />
-    (Basically a story is like a visual test case.)
-  </p>
-  <p>
-    See these sample 
-    <button
-      onClick={[Function anonymous]}
-      type=\\"button\\"
-      style=\\"color: #1474f3; text-decoration: none; border-bottom: 1px solid #1474f3; padding-bottom: 2px; border-top: none; border-right: none; border-left: none; background-color: transparent; padding: 0px; cursor: pointer; font: inherit;\\"
-    >
-      stories
-    </button>
-     for a component called 
-    <code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">Button</code>
-    .
-  </p>
-  <p>
-    Just like that, you can add your own components as stories.
-    <br />
-    You can also edit those components and see changes right away.
-    <br />
-    (Try editing the 
-    <code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">Button</code>
-     stories located at 
-    <code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">src/stories/1-Button.stories.js</code>
-    .)
-  </p>
-  <p>
-    Usually we create stories with smaller UI components in the app.
-    <br />
-    Have a look at the 
-    <a
-      href=\\"https://storybook.js.org/basics/writing-stories\\"
-      target=\\"_blank\\"
-      rel=\\"noopener noreferrer\\"
-      style=\\"color: #1474f3; text-decoration: none; border-bottom: 1px solid #1474f3; padding-bottom: 2px;\\"
-    >
-      Writing Stories
-    </a>
-     section in our documentation.
-  </p>
-  <p style=\\"opacity: 0.5;\\">
-    <b>NOTE:</b>
-    <br />
-    Have a look at the 
-    <code style=\\"font-size: 15px; font-weight: 600; padding: 2px 5px; border: 1px solid #eae9e9; border-radius: 4px; background-color: #f3f2f2; color: #3a3a3a;\\">.storybook/webpack.config.js</code>
-     to add webpack loaders and plugins you are using in this project.
-  </p>
-</article>"
-`;
diff --git a/code/examples/preact-kitchen-sink/src/stories/button.stories.js b/code/examples/preact-kitchen-sink/src/stories/button.stories.js
deleted file mode 100644
index 12d6b51b4136..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/button.stories.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import Button from '../Button';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const WithText = () => <Button>Hello Button</Button>;
-
-WithText.storyName = 'with text';
-
-export const WithSomeEmoji = () => (
-  <Button>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-
-WithSomeEmoji.storyName = 'with some emoji';
diff --git a/code/examples/preact-kitchen-sink/src/stories/test-cases/__snapshots__/test-component.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/test-cases/__snapshots__/test-component.stories.storyshot
deleted file mode 100644
index becb2ae0400c..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/test-cases/__snapshots__/test-component.stories.storyshot
+++ /dev/null
@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Pragma test Default 1`] = `"<div>This component should render OK.</div>"`;
diff --git a/code/examples/preact-kitchen-sink/src/stories/test-cases/no-pragma.tsx b/code/examples/preact-kitchen-sink/src/stories/test-cases/no-pragma.tsx
deleted file mode 100644
index 0f944ae9beb1..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/test-cases/no-pragma.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-const TestComponent = () => <div>This component should render OK.</div>;
-
-export default TestComponent;
diff --git a/code/examples/preact-kitchen-sink/src/stories/test-cases/test-component.stories.tsx b/code/examples/preact-kitchen-sink/src/stories/test-cases/test-component.stories.tsx
deleted file mode 100644
index 0f7971b5d376..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/test-cases/test-component.stories.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import TestComponent from './no-pragma';
-
-export default {
-  title: 'Pragma test',
-};
-
-export const Default = () => <TestComponent />;
diff --git a/code/examples/preact-kitchen-sink/src/stories/welcome.stories.js b/code/examples/preact-kitchen-sink/src/stories/welcome.stories.js
deleted file mode 100644
index bf681a0c28d9..000000000000
--- a/code/examples/preact-kitchen-sink/src/stories/welcome.stories.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import Welcome from '../Welcome';
-
-export default {
-  title: 'Welcome',
-  parameters: {
-    component: Welcome,
-  },
-};
-
-export const ToStorybook = () => <Welcome showApp={() => {}} />;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/code/examples/preact-kitchen-sink/tsconfig.json b/code/examples/preact-kitchen-sink/tsconfig.json
deleted file mode 100644
index 221db17dabab..000000000000
--- a/code/examples/preact-kitchen-sink/tsconfig.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "jsxFactory": "h",
-    "jsxFragmentFactory": "Fragment",
-    "jsxImportSource": "preact"
-  }
-}
diff --git a/code/jest.config.js b/code/jest.config.js
index 13a5ef6f4450..b62abe214d68 100644
--- a/code/jest.config.js
+++ b/code/jest.config.js
@@ -29,7 +29,6 @@ module.exports = {
     // '<rootDir>/app/angular',
     // '<rootDir>/examples/svelte-kitchen-sink',
     // '<rootDir>/examples/vue-kitchen-sink',
-    // '<rootDir>/examples/preact-kitchen-sink',
     // This is explicitly commented out because having vue 2 & 3 in the
     // dependency graph makes it impossible to run storyshots on both examples
     // '<rootDir>/examples/vue-3-cli',
diff --git a/code/lib/cli/src/repro-templates.ts b/code/lib/cli/src/repro-templates.ts
index 2819e5b599e5..f56afaaa1dd7 100644
--- a/code/lib/cli/src/repro-templates.ts
+++ b/code/lib/cli/src/repro-templates.ts
@@ -268,8 +268,7 @@ const preactWebpackTemplates = {
   'preact-webpack5/default-js': {
     name: 'Preact CLI (Default JS)',
     script: 'npx preact-cli create default {{beforeDir}} --name preact-app --yarn --no-install',
-    // cadence: ['ci', 'daily', 'weekly'],
-    cadence: [] as string[],
+    cadence: ['ci', 'daily', 'weekly'],
     expected: {
       framework: '@storybook/preact-webpack5',
       renderer: '@storybook/preact',
@@ -279,8 +278,7 @@ const preactWebpackTemplates = {
   'preact-webpack5/default-ts': {
     name: 'Preact CLI (Default TS)',
     script: 'npx preact-cli create typescript {{beforeDir}} --name preact-app --yarn --no-install',
-    // cadence: ['ci', 'daily', 'weekly'],
-    cadence: [] as string[],
+    cadence: ['ci', 'daily', 'weekly'],
     expected: {
       framework: '@storybook/preact-webpack5',
       renderer: '@storybook/preact',
diff --git a/code/lib/store/template/stories/rendering.stories.ts b/code/lib/store/template/stories/rendering.stories.ts
index 446e8799b373..a88b5add7689 100644
--- a/code/lib/store/template/stories/rendering.stories.ts
+++ b/code/lib/store/template/stories/rendering.stories.ts
@@ -33,7 +33,11 @@ export const ChangeArgs = {
     // Vue3: https://github.com/storybookjs/storybook/issues/13913
     // Svelte: https://github.com/storybookjs/storybook/issues/19205
     // Web-components: https://github.com/storybookjs/storybook/issues/19415
-    if (['vue3', 'svelte', 'web-components', 'html'].includes(globalThis.storybookRenderer)) return;
+    // Preact: https://github.com/storybookjs/storybook/issues/19504
+    if (
+      ['vue3', 'svelte', 'web-components', 'html', 'preact'].includes(globalThis.storybookRenderer)
+    )
+      return;
 
     // When we change the args to the button, it should not rerender
     await channel.emit('updateStoryArgs', { storyId: id, updatedArgs: { label: 'New Text' } });
diff --git a/code/renderers/preact/template/components/Button.jsx b/code/renderers/preact/template/components/Button.jsx
index 6115046e83ec..cd3c13987c32 100644
--- a/code/renderers/preact/template/components/Button.jsx
+++ b/code/renderers/preact/template/components/Button.jsx
@@ -2,13 +2,13 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import PropTypes from 'prop-types';
 
-export const Button = ({ onClick, children }) => (
+export const Button = ({ onClick, label }) => (
   <button type="button" onClick={onClick}>
-    {children}
+    {label}
   </button>
 );
 
 Button.propTypes = {
   onClick: PropTypes.func.isRequired,
-  children: PropTypes.node.isRequired,
+  label: PropTypes.node.isRequired,
 };
diff --git a/code/renderers/preact/template/stories/.gitkeep b/code/renderers/preact/template/stories/.gitkeep
deleted file mode 100644
index e69de29bb2d1..000000000000
diff --git a/code/examples/preact-kitchen-sink/src/React.js b/code/renderers/preact/template/stories/React.js
similarity index 94%
rename from code/examples/preact-kitchen-sink/src/React.js
rename to code/renderers/preact/template/stories/React.js
index 33fa9ddc15c5..95a07db5aade 100644
--- a/code/examples/preact-kitchen-sink/src/React.js
+++ b/code/renderers/preact/template/stories/React.js
@@ -1,4 +1,5 @@
 import React from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
 import PropTypes from 'prop-types';
 
 export const ReactFunctionalComponent = ({ label }) => {
diff --git a/code/examples/preact-kitchen-sink/src/stories/react-compat.stories.js b/code/renderers/preact/template/stories/react-compat.stories.js
similarity index 80%
rename from code/examples/preact-kitchen-sink/src/stories/react-compat.stories.js
rename to code/renderers/preact/template/stories/react-compat.stories.js
index 39c9eff3d940..b7895c1e8d0f 100644
--- a/code/examples/preact-kitchen-sink/src/stories/react-compat.stories.js
+++ b/code/renderers/preact/template/stories/react-compat.stories.js
@@ -1,7 +1,8 @@
-import { ReactFunctionalComponent, ReactClassComponent } from '../React';
+/* eslint-disable react/react-in-jsx-scope */
+import { ReactFunctionalComponent, ReactClassComponent } from './React';
 
 export default {
-  title: 'React Compatibility',
+  component: ReactFunctionalComponent,
 };
 
 export const ReactComponentDemo = () => (
diff --git a/code/workspace.json b/code/workspace.json
index e942f220bc56..d6697a33e062 100644
--- a/code/workspace.json
+++ b/code/workspace.json
@@ -416,11 +416,6 @@
       "type": "library",
       "implicitDependencies": []
     },
-    "preact-example": {
-      "root": "examples/preact-kitchen-sink",
-      "type": "library",
-      "implicitDependencies": []
-    },
     "sb": {
       "root": "lib/cli-sb",
       "type": "library",
diff --git a/code/yarn.lock b/code/yarn.lock
index c288ac22dc3b..517787aac448 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -3758,13 +3758,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@leichtgewicht/ip-codec@npm:^2.0.1":
-  version: 2.0.4
-  resolution: "@leichtgewicht/ip-codec@npm:2.0.4"
-  checksum: 3b0d8844d1d47c0a5ed7267c2964886adad3a642b85d06f95c148eeefd80cdabbd6aa0d63ccde8239967a2e9b6bb734a16bd57e1fda3d16bf56d50a7e7ec131b
-  languageName: node
-  linkType: hard
-
 "@lerna/add@npm:3.21.0":
   version: 3.21.0
   resolution: "@lerna/add@npm:3.21.0"
@@ -7971,7 +7964,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@storybook/preact-webpack5@7.0.0-alpha.38, @storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
+"@storybook/preact-webpack5@workspace:*, @storybook/preact-webpack5@workspace:frameworks/preact-webpack5":
   version: 0.0.0-use.local
   resolution: "@storybook/preact-webpack5@workspace:frameworks/preact-webpack5"
   dependencies:
@@ -10010,7 +10003,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/prop-types@npm:*, @types/prop-types@npm:^15, @types/prop-types@npm:^15.7.3":
+"@types/prop-types@npm:*, @types/prop-types@npm:^15":
   version: 15.7.5
   resolution: "@types/prop-types@npm:15.7.5"
   checksum: 648aae41423821c61c83823ae36116c8d0f68258f8b609bdbc257752dcd616438d6343d554262aa9a7edaee5a19aca2e028a74fa2d0f40fffaf2816bc7056857
@@ -10081,15 +10074,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:^17":
-  version: 17.0.17
-  resolution: "@types/react-dom@npm:17.0.17"
-  dependencies:
-    "@types/react": ^17
-  checksum: 1e330f6e1c0794562a8d3459357b5b401b6f23185991bdaf9e5025cad7ccace502662b071db765b07b0d79f313be1a7584c5ef775b1062d76585b6b9aec0693c
-  languageName: node
-  linkType: hard
-
 "@types/react-syntax-highlighter@npm:11.0.5":
   version: 11.0.5
   resolution: "@types/react-syntax-highlighter@npm:11.0.5"
@@ -10110,7 +10094,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:^17, @types/react@npm:^17.0.39":
+"@types/react@npm:^17.0.39":
   version: 17.0.50
   resolution: "@types/react@npm:17.0.50"
   dependencies:
@@ -10188,7 +10172,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/serve-static@npm:*, @types/serve-static@npm:^1.13.10, @types/serve-static@npm:^1.13.8":
+"@types/serve-static@npm:*, @types/serve-static@npm:^1.13.8":
   version: 1.15.0
   resolution: "@types/serve-static@npm:1.15.0"
   dependencies:
@@ -10413,7 +10397,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/ws@npm:^8, @types/ws@npm:^8.2.2, @types/ws@npm:^8.5.1":
+"@types/ws@npm:^8, @types/ws@npm:^8.2.2":
   version: 8.5.3
   resolution: "@types/ws@npm:8.5.3"
   dependencies:
@@ -11971,7 +11955,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-flatten@npm:^2.1.0, array-flatten@npm:^2.1.2":
+"array-flatten@npm:^2.1.0":
   version: 2.1.2
   resolution: "array-flatten@npm:2.1.2"
   checksum: bdc1cee68e41bec9cfc1161408734e2269428ef371445606bce4e6241001e138a94b9a617cc9a5b4b7fe6a3a51e3d5a942646975ce82a2e202ccf3e9b478c82f
@@ -13171,18 +13155,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bonjour-service@npm:^1.0.11":
-  version: 1.0.14
-  resolution: "bonjour-service@npm:1.0.14"
-  dependencies:
-    array-flatten: ^2.1.2
-    dns-equal: ^1.0.0
-    fast-deep-equal: ^3.1.3
-    multicast-dns: ^7.2.5
-  checksum: 1c90164ac8c54eec34d1c19c4167c94d0fec037a781a445dd85bd506ef2afde29e39e57452db767687f2d0921f60ab2576209e706571ed3df3c6ab964a3309b7
-  languageName: node
-  linkType: hard
-
 "bonjour@npm:^3.5.0":
   version: 3.5.0
   resolution: "bonjour@npm:3.5.0"
@@ -15417,13 +15389,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"connect-history-api-fallback@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "connect-history-api-fallback@npm:2.0.0"
-  checksum: 90fa8b16ab76e9531646cc70b010b1dbd078153730c510d3142f6cf07479ae8a812c5a3c0e40a28528dd1681a62395d0cfdef67da9e914c4772ac85d69a3ed87
-  languageName: node
-  linkType: hard
-
 "connect@npm:^3.6.6, connect@npm:^3.7.0":
   version: 3.7.0
   resolution: "connect@npm:3.7.0"
@@ -16950,15 +16915,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dns-packet@npm:^5.2.2":
-  version: 5.4.0
-  resolution: "dns-packet@npm:5.4.0"
-  dependencies:
-    "@leichtgewicht/ip-codec": ^2.0.1
-  checksum: bd5ecfd7d8b9cacd4d0029819699051c4e231d8fa6ed96e1573f7fee4b9147c3406207a260adbd7fb5c6d08a7db7641836467f450fa88e2ec5075f482e39ed77
-  languageName: node
-  linkType: hard
-
 "dns-txt@npm:^2.0.2":
   version: 2.0.2
   resolution: "dns-txt@npm:2.0.2"
@@ -18149,24 +18105,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enzyme-adapter-preact@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "enzyme-adapter-preact@npm:0.2.0"
-  dependencies:
-    enzyme-adapter-utils: ^1.3.0
-    object.values: ^1.0.4
-    preact-compat: ^3.18.0
-    preact-render-to-string: ^3.7.0
-    proptypes: ^1.1.0
-    react: ^16.2.0
-    react-test-renderer: ^16.2.0
-  peerDependencies:
-    enzyme: ^3.3.0
-    preact: ^8.2.7
-  checksum: 8f88c74331b47cafa1befc28cdb2168e9196740ff35ec1e9ed2abd66b031e311c1dd1d086747f57fb90b283498b2f84304d90ad0b63622f9147c988c4882b7ea
-  languageName: node
-  linkType: hard
-
 "enzyme-adapter-react-16@npm:^1.15.5":
   version: 1.15.6
   resolution: "enzyme-adapter-react-16@npm:1.15.6"
@@ -18188,7 +18126,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enzyme-adapter-utils@npm:^1.14.0, enzyme-adapter-utils@npm:^1.3.0":
+"enzyme-adapter-utils@npm:^1.14.0":
   version: 1.14.0
   resolution: "enzyme-adapter-utils@npm:1.14.0"
   dependencies:
@@ -19698,7 +19636,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"express@npm:^4.10.7, express@npm:^4.13.1, express@npm:^4.17.1, express@npm:^4.17.3":
+"express@npm:^4.10.7, express@npm:^4.13.1, express@npm:^4.17.1":
   version: 4.18.2
   resolution: "express@npm:4.18.2"
   dependencies:
@@ -20148,18 +20086,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"file-loader@npm:^6.2.0, file-loader@npm:~6.2.0":
-  version: 6.2.0
-  resolution: "file-loader@npm:6.2.0"
-  dependencies:
-    loader-utils: ^2.0.0
-    schema-utils: ^3.0.0
-  peerDependencies:
-    webpack: ^4.0.0 || ^5.0.0
-  checksum: e176a57c2037ab0f78e5755dbf293a6b7f0f8392350a120bd03cc2ce2525bea017458ba28fea14ca535ff1848055e86d1a3a216bdb2561ef33395b27260a1dd3
-  languageName: node
-  linkType: hard
-
 "file-system-cache@npm:^2.0.0":
   version: 2.0.0
   resolution: "file-system-cache@npm:2.0.0"
@@ -22692,7 +22618,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-proxy-middleware@npm:^2.0.0, http-proxy-middleware@npm:^2.0.3":
+"http-proxy-middleware@npm:^2.0.0":
   version: 2.0.6
   resolution: "http-proxy-middleware@npm:2.0.6"
   dependencies:
@@ -23029,15 +22955,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"immutability-helper@npm:^2.7.1":
-  version: 2.9.1
-  resolution: "immutability-helper@npm:2.9.1"
-  dependencies:
-    invariant: ^2.2.0
-  checksum: 0e087f39f1e3dce387094471e55c6e6bf2ab109eaf07d8549b4ca4b01f60712331a5c45fc89344c9e273fa27742cd9b6443d9adee19edaefc1e546dba33087e1
-  languageName: node
-  linkType: hard
-
 "immutable@npm:^4.0.0":
   version: 4.1.0
   resolution: "immutable@npm:4.1.0"
@@ -23329,7 +23246,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"invariant@npm:^2.2.0, invariant@npm:^2.2.4":
+"invariant@npm:^2.2.4":
   version: 2.2.4
   resolution: "invariant@npm:2.2.4"
   dependencies:
@@ -27349,7 +27266,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loader-utils@npm:^2.0.0, loader-utils@npm:~2.0.0":
+"loader-utils@npm:^2.0.0":
   version: 2.0.2
   resolution: "loader-utils@npm:2.0.2"
   dependencies:
@@ -29843,18 +29760,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"multicast-dns@npm:^7.2.5":
-  version: 7.2.5
-  resolution: "multicast-dns@npm:7.2.5"
-  dependencies:
-    dns-packet: ^5.2.2
-    thunky: ^1.0.2
-  bin:
-    multicast-dns: cli.js
-  checksum: 5120171d4bdb1577764c5afa96e413353bff530d1b37081cb29cccc747f989eb1baf40574fe8e27060fc1aef72b59c042f72b9b208413de33bcf411343c69057
-  languageName: node
-  linkType: hard
-
 "multimatch@npm:^3.0.0":
   version: 3.0.0
   resolution: "multimatch@npm:3.0.0"
@@ -30995,7 +30900,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.values@npm:^1.0.4, object.values@npm:^1.1.1, object.values@npm:^1.1.2, object.values@npm:^1.1.5":
+"object.values@npm:^1.1.1, object.values@npm:^1.1.2, object.values@npm:^1.1.5":
   version: 1.1.5
   resolution: "object.values@npm:1.1.5"
   dependencies:
@@ -32795,80 +32700,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"preact-compat@npm:^3.18.0":
-  version: 3.19.0
-  resolution: "preact-compat@npm:3.19.0"
-  dependencies:
-    immutability-helper: ^2.7.1
-    preact-context: ^1.1.3
-    preact-render-to-string: ^3.8.2
-    preact-transition-group: ^1.1.1
-    prop-types: ^15.6.2
-    standalone-react-addons-pure-render-mixin: ^0.1.1
-  peerDependencies:
-    preact: <10
-  checksum: fea8b9c08596e52cf782feeec3a9b805e7cee8499eb992b245cda722a6efa8f22cfe2d640db0349c9f13e3790b437df538bd06276cc4908d2540114620283e27
-  languageName: node
-  linkType: hard
-
-"preact-context@npm:^1.1.3":
-  version: 1.1.4
-  resolution: "preact-context@npm:1.1.4"
-  peerDependencies:
-    preact: ^8.2.7
-  checksum: a3eb81da4a2a2751d4ba3e3c888a20f2978e0a57e3fa1ff438ec717e09ad742f10dd8a7cf3ba5145a0b680bd000097502f5493f41df0e1926962d003cab54007
-  languageName: node
-  linkType: hard
-
-"preact-example@workspace:examples/preact-kitchen-sink":
-  version: 0.0.0-use.local
-  resolution: "preact-example@workspace:examples/preact-kitchen-sink"
-  dependencies:
-    "@babel/core": ^7.12.10
-    "@storybook/addon-a11y": 7.0.0-alpha.38
-    "@storybook/addon-actions": 7.0.0-alpha.38
-    "@storybook/addon-backgrounds": 7.0.0-alpha.38
-    "@storybook/addon-highlight": 7.0.0-alpha.38
-    "@storybook/addon-links": 7.0.0-alpha.38
-    "@storybook/addon-storyshots": 7.0.0-alpha.38
-    "@storybook/addon-storysource": 7.0.0-alpha.38
-    "@storybook/addon-viewport": 7.0.0-alpha.38
-    "@storybook/addons": 7.0.0-alpha.38
-    "@storybook/preact": 7.0.0-alpha.38
-    "@storybook/preact-webpack5": 7.0.0-alpha.38
-    "@storybook/source-loader": 7.0.0-alpha.38
-    "@types/prop-types": ^15.7.3
-    "@types/react": ^17
-    "@types/react-dom": ^17
-    babel-loader: ^8.2.5
-    cross-env: ^7.0.3
-    enzyme-adapter-preact: ^0.2.0
-    file-loader: ^6.2.0
-    global: ^4.4.0
-    preact: ^10.5.13
-    preact-render-to-string: ^5.1.19
-    prop-types: ^15.7.2
-    raw-loader: ^4.0.2
-    react: ^17.0.2
-    react-dom: ^17.0.2
-    storybook: 7.0.0-alpha.38
-    svg-url-loader: ^7.1.1
-    webpack: 5
-    webpack-dev-server: ^4.8.1
-  languageName: unknown
-  linkType: soft
-
-"preact-render-to-string@npm:^3.7.0, preact-render-to-string@npm:^3.8.2":
-  version: 3.8.2
-  resolution: "preact-render-to-string@npm:3.8.2"
-  dependencies:
-    pretty-format: ^3.5.1
-  peerDependencies:
-    preact: "*"
-  checksum: e139fb6d0bbfa4131f5ab07ab8175fd1633fb4dc3d68a045499b38bf30428131e7a7ebdf86778f9a2981b6f315083eb2d698302e74351ac1a48cebc3baa0bb35
-  languageName: node
-  linkType: hard
-
 "preact-render-to-string@npm:^5.1.19":
   version: 5.2.5
   resolution: "preact-render-to-string@npm:5.2.5"
@@ -32880,15 +32711,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"preact-transition-group@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "preact-transition-group@npm:1.1.1"
-  peerDependencies:
-    preact: "*"
-  checksum: dc40e114508cff3e7952d4681eb717d20514cd87349da7455b46ed897d71c4e1b209eeadc1f2788cf851d25c3e9d781456c177a16549ebfb4c76fae3222668c6
-  languageName: node
-  linkType: hard
-
 "preact@npm:^10.5.13":
   version: 10.11.1
   resolution: "preact@npm:10.11.1"
@@ -33007,7 +32829,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^3.5.1, pretty-format@npm:^3.8.0":
+"pretty-format@npm:^3.8.0":
   version: 3.8.0
   resolution: "pretty-format@npm:3.8.0"
   checksum: 69f12937bfb7b2a537a7463b9f875a16322401f1e44d7702d643faa0d21991126c24c093217ef6da403b54c15942a834174fa1c016b72e2cb9edaae6bb3729b6
@@ -33216,13 +33038,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"proptypes@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "proptypes@npm:1.1.0"
-  checksum: 8944fb0763433438cbe5c34fac004edabb33be3cf4454079cbef10f752f614c4082c935d916b7347d4541323323e17e159ac2f804ef783cdf19870298f64eca6
-  languageName: node
-  linkType: hard
-
 "proto-list@npm:~1.2.1":
   version: 1.2.4
   resolution: "proto-list@npm:1.2.4"
@@ -33871,19 +33686,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:^17.0.2":
-  version: 17.0.2
-  resolution: "react-dom@npm:17.0.2"
-  dependencies:
-    loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-    scheduler: ^0.20.2
-  peerDependencies:
-    react: 17.0.2
-  checksum: 51abbcb72450fe527ebf978c3bc989ba266630faaa53f47a2fae5392369729e8de62b2e4683598cbe651ea7873cd34ec7d5127e2f50bf4bfe6bd0c3ad9bddcb0
-  languageName: node
-  linkType: hard
-
 "react-draggable@npm:^4.4.3":
   version: 4.4.5
   resolution: "react-draggable@npm:4.4.5"
@@ -34102,7 +33904,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-test-renderer@npm:^16, react-test-renderer@npm:^16.0.0-0, react-test-renderer@npm:^16.2.0":
+"react-test-renderer@npm:^16, react-test-renderer@npm:^16.0.0-0":
   version: 16.14.0
   resolution: "react-test-renderer@npm:16.14.0"
   dependencies:
@@ -34129,7 +33931,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:16.14.0, react@npm:^16.14.0, react@npm:^16.2.0, react@npm:^16.8.0":
+"react@npm:16.14.0, react@npm:^16.14.0, react@npm:^16.8.0":
   version: 16.14.0
   resolution: "react@npm:16.14.0"
   dependencies:
@@ -34140,16 +33942,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^17.0.2":
-  version: 17.0.2
-  resolution: "react@npm:17.0.2"
-  dependencies:
-    loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: 07ae8959acf1596f0550685102fd6097d461a54a4fd46a50f88a0cd7daaa97fdd6415de1dcb4bfe0da6aa43221a6746ce380410fa848acc60f8ac41f6649c148
-  languageName: node
-  linkType: hard
-
 "read-cache@npm:^1.0.0":
   version: 1.0.0
   resolution: "read-cache@npm:1.0.0"
@@ -36041,16 +35833,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.20.2":
-  version: 0.20.2
-  resolution: "scheduler@npm:0.20.2"
-  dependencies:
-    loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: b0982e4b0f34f4ffa4f2f486161c0fd9ce9b88680b045dccbf250eb1aa4fd27413570645455187a83535e2370f5c667a251045547765408492bd883cbe95fcdb
-  languageName: node
-  linkType: hard
-
 "schema-utils@npm:^2.6.5":
   version: 2.7.1
   resolution: "schema-utils@npm:2.7.1"
@@ -36136,7 +35918,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"selfsigned@npm:^2.0.0, selfsigned@npm:^2.1.1":
+"selfsigned@npm:^2.0.0":
   version: 2.1.1
   resolution: "selfsigned@npm:2.1.1"
   dependencies:
@@ -36705,7 +36487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sockjs@npm:^0.3.21, sockjs@npm:^0.3.24":
+"sockjs@npm:^0.3.21":
   version: 0.3.24
   resolution: "sockjs@npm:0.3.24"
   dependencies:
@@ -37280,13 +37062,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"standalone-react-addons-pure-render-mixin@npm:^0.1.1":
-  version: 0.1.1
-  resolution: "standalone-react-addons-pure-render-mixin@npm:0.1.1"
-  checksum: 1c6ca4c69c621e05adaa53e1f0424829ad37e1bb7eea4e32656c9c31e225b302613f9ca5d6c141f47caa38cba7d043e7b6ee30a07e51e8762598afcfa490d818
-  languageName: node
-  linkType: hard
-
 "state-toggle@npm:^1.0.0":
   version: 1.0.3
   resolution: "state-toggle@npm:1.0.3"
@@ -38139,18 +37914,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"svg-url-loader@npm:^7.1.1":
-  version: 7.1.1
-  resolution: "svg-url-loader@npm:7.1.1"
-  dependencies:
-    file-loader: ~6.2.0
-    loader-utils: ~2.0.0
-  peerDependencies:
-    webpack: ^4.0.0 || ^5.0.0
-  checksum: c69c1b378576a5833d3850212be2a531b2ca0ff31cc5df031af55414f8e1f229c099f29c78e9f7c08f3174155e34f8accf612361666d0bf612c94e59fccb2599
-  languageName: node
-  linkType: hard
-
 "svgo@npm:^2.4.0":
   version: 2.8.0
   resolution: "svgo@npm:2.8.0"
@@ -41220,50 +40983,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack-dev-server@npm:^4.8.1":
-  version: 4.11.1
-  resolution: "webpack-dev-server@npm:4.11.1"
-  dependencies:
-    "@types/bonjour": ^3.5.9
-    "@types/connect-history-api-fallback": ^1.3.5
-    "@types/express": ^4.17.13
-    "@types/serve-index": ^1.9.1
-    "@types/serve-static": ^1.13.10
-    "@types/sockjs": ^0.3.33
-    "@types/ws": ^8.5.1
-    ansi-html-community: ^0.0.8
-    bonjour-service: ^1.0.11
-    chokidar: ^3.5.3
-    colorette: ^2.0.10
-    compression: ^1.7.4
-    connect-history-api-fallback: ^2.0.0
-    default-gateway: ^6.0.3
-    express: ^4.17.3
-    graceful-fs: ^4.2.6
-    html-entities: ^2.3.2
-    http-proxy-middleware: ^2.0.3
-    ipaddr.js: ^2.0.1
-    open: ^8.0.9
-    p-retry: ^4.5.0
-    rimraf: ^3.0.2
-    schema-utils: ^4.0.0
-    selfsigned: ^2.1.1
-    serve-index: ^1.9.1
-    sockjs: ^0.3.24
-    spdy: ^4.0.2
-    webpack-dev-middleware: ^5.3.1
-    ws: ^8.4.2
-  peerDependencies:
-    webpack: ^4.37.0 || ^5.0.0
-  peerDependenciesMeta:
-    webpack-cli:
-      optional: true
-  bin:
-    webpack-dev-server: bin/webpack-dev-server.js
-  checksum: 31cf2d80efd3e7a3843e4382f4e10a2c9446574d67b190eda6f4cbd761cc3a5e5be5f3c3ad4d67963b03b3c90485dd80527408c5f0dacb2de6710ecb73ed9e7d
-  languageName: node
-  linkType: hard
-
 "webpack-hot-middleware@npm:^2.25.1":
   version: 2.25.2
   resolution: "webpack-hot-middleware@npm:2.25.2"
@@ -41815,7 +41534,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:^8.1.0, ws@npm:^8.2.3, ws@npm:^8.4.2":
+"ws@npm:^8.1.0, ws@npm:^8.2.3":
   version: 8.9.0
   resolution: "ws@npm:8.9.0"
   peerDependencies:
diff --git a/scripts/.babelrc.js b/scripts/.babelrc.js
index effa585e527e..a777b22a8928 100644
--- a/scripts/.babelrc.js
+++ b/scripts/.babelrc.js
@@ -74,31 +74,6 @@ module.exports = {
         test: withTests,
       },
     },
-    {
-      test: './examples/preact-kitchen-sink',
-      presets: [
-        [
-          '@babel/preset-env',
-          {
-            shippedProposals: true,
-            useBuiltIns: 'usage',
-            corejs: '3',
-            targets,
-            modules,
-          },
-        ],
-        ['@babel/preset-typescript'],
-        [
-          '@babel/preset-react',
-          {
-            importSource: 'preact',
-            runtime: 'automatic',
-          },
-        ],
-        '@babel/preset-flow',
-      ],
-      env: { test: withTests },
-    },
     {
       test: './lib',
       presets: [