diff --git a/.github/workflows/generate-repros-next.yml b/.github/workflows/generate-repros-next.yml
index 272671f4c666..ece05518d10b 100644
--- a/.github/workflows/generate-repros-next.yml
+++ b/.github/workflows/generate-repros-next.yml
@@ -8,7 +8,6 @@ on:
   push:
     branches:
       - vite-frameworks-xyz
-      - norbert/sb-565-javascript
 
 jobs:
   generate:
@@ -27,7 +26,7 @@ jobs:
       - name: Install dependencies
         run: node ./scripts/check-dependencies.js
       - name: Bootstrap Storybook libraries
-        run: yarn task --task compile --start-from=auto --no-link
+        run: yarn task --task publish --start-from=auto --no-link
       - name: Generate repros
         run: yarn generate-repros-next --local-registry
         working-directory: ./code
diff --git a/code/addons/actions/template/stories/argtype.stories.ts b/code/addons/actions/template/stories/argtype.stories.ts
index bc1311bafdfe..1f04316f7dff 100644
--- a/code/addons/actions/template/stories/argtype.stories.ts
+++ b/code/addons/actions/template/stories/argtype.stories.ts
@@ -3,7 +3,7 @@ import globalThis from 'global';
 export default {
   component: globalThis.Components.Button,
   args: {
-    children: 'Click Me!',
+    label: 'Click Me!',
   },
   argTypes: {
     onClick: {},
diff --git a/code/addons/actions/template/stories/basics.stories.ts b/code/addons/actions/template/stories/basics.stories.ts
index 08e2fa743072..86523878728e 100644
--- a/code/addons/actions/template/stories/basics.stories.ts
+++ b/code/addons/actions/template/stories/basics.stories.ts
@@ -5,7 +5,7 @@ import { action } from '@storybook/addon-actions';
 export default {
   component: globalThis.Components.Button,
   args: {
-    children: 'Click Me!',
+    label: 'Click Me!',
   },
   parameters: {
     chromatic: { disable: true },
diff --git a/code/addons/actions/template/stories/configs.stories.ts b/code/addons/actions/template/stories/configs.stories.ts
index b9ae404d4d34..51ccac3b0084 100644
--- a/code/addons/actions/template/stories/configs.stories.ts
+++ b/code/addons/actions/template/stories/configs.stories.ts
@@ -7,7 +7,7 @@ const configs = actions('actionA', 'actionB', 'actionC');
 export default {
   component: globalThis.Components.Button,
   args: {
-    children: 'Click Me!',
+    label: 'Click Me!',
   },
   parameters: {
     chromatic: { disable: true },
diff --git a/code/addons/actions/template/stories/parameters.stories.ts b/code/addons/actions/template/stories/parameters.stories.ts
index 8ec8cb371865..abe30ad3960c 100644
--- a/code/addons/actions/template/stories/parameters.stories.ts
+++ b/code/addons/actions/template/stories/parameters.stories.ts
@@ -3,7 +3,7 @@ import globalThis from 'global';
 export default {
   component: globalThis.Components.Button,
   args: {
-    children: 'Click Me!',
+    label: 'Click Me!',
   },
   parameters: {
     chromatic: { disable: true },
diff --git a/code/addons/backgrounds/template/stories/grid.stories.ts b/code/addons/backgrounds/template/stories/grid.stories.ts
index f69be73bbfd7..e6a75a1dba76 100644
--- a/code/addons/backgrounds/template/stories/grid.stories.ts
+++ b/code/addons/backgrounds/template/stories/grid.stories.ts
@@ -3,7 +3,7 @@ import globalThis from 'global';
 export default {
   component: globalThis.Components.Button,
   args: {
-    children: 'Click Me!',
+    label: 'Click Me!',
   },
   parameters: {
     backgrounds: {
diff --git a/code/addons/backgrounds/template/stories/parameters.stories.ts b/code/addons/backgrounds/template/stories/parameters.stories.ts
index 06af6455ff28..1d57ea959143 100644
--- a/code/addons/backgrounds/template/stories/parameters.stories.ts
+++ b/code/addons/backgrounds/template/stories/parameters.stories.ts
@@ -12,7 +12,7 @@ const COLORS = [
 export default {
   component: globalThis.Components.Button,
   args: {
-    children: 'Click Me!',
+    label: 'Click Me!',
   },
   parameters: {
     backgrounds: {
diff --git a/code/addons/docs/template/stories/docs2/button.stories.ts b/code/addons/docs/template/stories/docs2/button.stories.ts
index 2c2de80caa51..5119c70b7e61 100644
--- a/code/addons/docs/template/stories/docs2/button.stories.ts
+++ b/code/addons/docs/template/stories/docs2/button.stories.ts
@@ -9,13 +9,13 @@ export default {
 };
 
 export const Basic = {
-  args: { children: 'Basic' },
+  args: { label: 'Basic' },
 };
 
 export const One = {
-  args: { children: 'One' },
+  args: { label: 'One' },
 };
 
 export const Two = {
-  args: { children: 'Two' },
+  args: { label: 'Two' },
 };
diff --git a/code/addons/docs/template/stories/docspage/basic.stories.ts b/code/addons/docs/template/stories/docspage/basic.stories.ts
index 03bf9371aedd..36f2ca2ca7a4 100644
--- a/code/addons/docs/template/stories/docspage/basic.stories.ts
+++ b/code/addons/docs/template/stories/docspage/basic.stories.ts
@@ -2,19 +2,19 @@ import globalThis from 'global';
 
 export default {
   component: globalThis.Components.Button,
-  args: { children: 'Click Me!' },
+  args: { label: 'Click Me!' },
   parameters: { chromatic: { disable: true } },
 };
 
 export const Basic = {
-  args: { children: 'Basic' },
+  args: { label: 'Basic' },
 };
 
 export const Disabled = {
-  args: { children: 'Disabled in DocsPage' },
+  args: { label: 'Disabled in DocsPage' },
   parameters: { docs: { disable: true } },
 };
 
 export const Another = {
-  args: { children: 'Another' },
+  args: { label: 'Another' },
 };
diff --git a/code/addons/docs/template/stories/docspage/description.stories.ts b/code/addons/docs/template/stories/docspage/description.stories.ts
index 46918806038e..5e9dae4ab56a 100644
--- a/code/addons/docs/template/stories/docspage/description.stories.ts
+++ b/code/addons/docs/template/stories/docspage/description.stories.ts
@@ -6,7 +6,7 @@ export default {
   subcomponents: {
     Pre: globalThis.Components.Pre,
   },
-  args: { children: 'Click Me!' },
+  args: { label: 'Click Me!' },
   parameters: {
     docs: {
       description: {
diff --git a/code/addons/docs/template/stories/docspage/extract-description.stories.ts b/code/addons/docs/template/stories/docspage/extract-description.stories.ts
index 068c60a2cc71..89bc6355f089 100644
--- a/code/addons/docs/template/stories/docspage/extract-description.stories.ts
+++ b/code/addons/docs/template/stories/docspage/extract-description.stories.ts
@@ -2,7 +2,7 @@ import globalThis from 'global';
 
 export default {
   component: globalThis.Components.Button,
-  args: { children: 'Click Me!' },
+  args: { label: 'Click Me!' },
   parameters: {
     docs: {
       // FIXME: this is typically provided by the renderer preset to extract
diff --git a/code/addons/docs/template/stories/docspage/iframe.stories.ts b/code/addons/docs/template/stories/docspage/iframe.stories.ts
index e1fb4bb43524..8cd7caa65a67 100644
--- a/code/addons/docs/template/stories/docspage/iframe.stories.ts
+++ b/code/addons/docs/template/stories/docspage/iframe.stories.ts
@@ -2,7 +2,7 @@ import globalThis from 'global';
 
 export default {
   component: globalThis.Components.Button,
-  args: { children: 'Rendered in iframe' },
+  args: { label: 'Rendered in iframe' },
   parameters: {
     chromatic: { disable: true },
     docs: { iframeHeight: 120, inlineStories: true },
diff --git a/code/addons/docs/template/stories/docspage/override.stories.ts b/code/addons/docs/template/stories/docspage/override.stories.ts
index fd044c11ead7..9b33668b8840 100644
--- a/code/addons/docs/template/stories/docspage/override.stories.ts
+++ b/code/addons/docs/template/stories/docspage/override.stories.ts
@@ -15,7 +15,7 @@ const Override = () => 'overridden';
 
 export default {
   component: globalThis.Components.Button,
-  args: { children: 'Click Me!' },
+  args: { label: 'Click Me!' },
   parameters: {
     chromatic: { disable: true },
     docs: { page: Override },
diff --git a/code/addons/docs/template/stories/docspage/source.stories.ts b/code/addons/docs/template/stories/docspage/source.stories.ts
index eabfd2555c1d..93260bc1ceb8 100644
--- a/code/addons/docs/template/stories/docspage/source.stories.ts
+++ b/code/addons/docs/template/stories/docspage/source.stories.ts
@@ -2,7 +2,7 @@ import globalThis from 'global';
 
 export default {
   component: globalThis.Components.Button,
-  args: { children: 'Click Me!' },
+  args: { label: 'Click Me!' },
   parameters: { chromatic: { disable: true } },
 };
 
diff --git a/code/addons/docs/template/stories/stories-mdx/basic.stories.mdx b/code/addons/docs/template/stories/stories-mdx/basic.stories.mdx
index 27236621aeb9..55ab7cbb650f 100644
--- a/code/addons/docs/template/stories/stories-mdx/basic.stories.mdx
+++ b/code/addons/docs/template/stories/stories-mdx/basic.stories.mdx
@@ -10,9 +10,7 @@ This file demonstrates defining stories inside MDX.
 <Canvas>
   <Story
     name="Primary"
-    args={{
-      children: 'Primary',
-    }}
+    args={{ label: 'Primary' }}
   />
 </Canvas>
 
@@ -21,8 +19,6 @@ This file demonstrates defining stories inside MDX.
 <Canvas>
   <Story
     name="Secondary"
-    args={{
-      children: 'Secondary',
-    }}
+    args={{ label: 'Secondary' }}
   />
 </Canvas>
diff --git a/code/addons/docs/template/stories/stories-mdx/csf-in-mdx.stories.js b/code/addons/docs/template/stories/stories-mdx/csf-in-mdx.stories.js
index 52e186f186c3..6e6ff8f58ed8 100644
--- a/code/addons/docs/template/stories/stories-mdx/csf-in-mdx.stories.js
+++ b/code/addons/docs/template/stories/stories-mdx/csf-in-mdx.stories.js
@@ -8,13 +8,13 @@
 // };
 
 export const Primary = {
-  args: { children: 'Primary' },
+  args: { label: 'Primary' },
 };
 
 export const Secondary = {
-  args: { children: 'Secondary' },
+  args: { label: 'Secondary' },
 };
 
 export const ImplicitName = {
-  args: { children: 'Implicit Name' },
+  args: { label: 'Implicit Name' },
 };
diff --git a/code/addons/docs/template/stories/stories-mdx/play-functions.stories.mdx b/code/addons/docs/template/stories/stories-mdx/play-functions.stories.mdx
index ac65c995420f..7f1ca5cbdfbf 100644
--- a/code/addons/docs/template/stories/stories-mdx/play-functions.stories.mdx
+++ b/code/addons/docs/template/stories/stories-mdx/play-functions.stories.mdx
@@ -15,18 +15,14 @@ This file demonstrates defining stories inside MDX.
 <Canvas>
   <Story
     name="Component Play"
-    args={{
-      children: 'Component Play',
-    }}
+    args={{ label: 'Component Play' }}
   />
 </Canvas>
 
 <Canvas>
   <Story
     name="Story Play"
-    args={{
-      children: 'Story Play',
-    }}
+    args={{ label: 'Story Play' }}
     play={() => console.log('story play')}
   />
 </Canvas>
diff --git a/code/addons/links/template/stories/linkto.stories.ts b/code/addons/links/template/stories/linkto.stories.ts
index d5b80d102446..09066ccfc86a 100644
--- a/code/addons/links/template/stories/linkto.stories.ts
+++ b/code/addons/links/template/stories/linkto.stories.ts
@@ -4,7 +4,7 @@ import { linkTo } from '@storybook/addon-links';
 export default {
   component: globalThis.Components.Button,
   args: {
-    children: 'Click Me!',
+    label: 'Click Me!',
   },
   parameters: {
     chromatic: { disable: true },
diff --git a/code/addons/viewport/template/stories/parameters.stories.ts b/code/addons/viewport/template/stories/parameters.stories.ts
index 9eb982f1ef74..03b2b9e264c9 100644
--- a/code/addons/viewport/template/stories/parameters.stories.ts
+++ b/code/addons/viewport/template/stories/parameters.stories.ts
@@ -4,7 +4,7 @@ import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
 export default {
   component: globalThis.Components.Button,
   args: {
-    children: 'Click Me!',
+    label: 'Click Me!',
   },
   parameters: {
     viewport: {
diff --git a/code/frameworks/angular/template/stories/angular-mdx.stories.mdx b/code/frameworks/angular/template/stories/angular-mdx.stories.mdx
index d21169828d37..29b008efd4ba 100644
--- a/code/frameworks/angular/template/stories/angular-mdx.stories.mdx
+++ b/code/frameworks/angular/template/stories/angular-mdx.stories.mdx
@@ -15,9 +15,9 @@ export const Button = globalThis.Components.Button;
 <Canvas>
   <Story name="Angular Story">
     {{
-      template: `<storybook-button-component [children]="text" (onClick)="onClick($event)"></storybook-button-component>`,
+      template: `<storybook-button-component [label]="text" (onClick)="onClick($event)"></storybook-button-component>`,
       props: {
-        children: 'hello button',
+        label: 'hello button',
         onClick: () => {},
       },
     }}
diff --git a/code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts b/code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts
index 34b329040d65..edefbdafbce7 100644
--- a/code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts
+++ b/code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts
@@ -7,7 +7,7 @@ export default {
   title: 'Button',
   component: Button,
   argTypes: {
-    text: { control: 'text' },
+    label: { control: 'text' },
   },
 };
 
@@ -18,19 +18,19 @@ const Template = (args) => ({
 
 export const Text = Template.bind({});
 Text.args = {
-  text: 'Button',
+  label: 'Button',
   onClick: action('onClick'),
 };
 
 export const Emoji = Template.bind({});
 Emoji.args = {
-  text: '😀 😎 👍 💯',
+  label: '😀 😎 👍 💯',
 };
 
 export const TextWithAction = () => ({
   component: Button,
   props: {
-    text: 'Trigger Action',
+    label: 'Trigger Action',
     onClick: () => action('This was clicked')(),
   },
 });
@@ -41,7 +41,7 @@ TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
 export const ButtonWithLinkToAnotherStory = () => ({
   component: Button,
   props: {
-    text: 'Go to Welcome Story',
+    label: 'Go to Welcome Story',
     onClick: linkTo('example-introduction--page'),
   },
 });
diff --git a/code/lib/cli/rendererAssets/aurelia/button.ts b/code/lib/cli/rendererAssets/aurelia/button.ts
index 86cac656b57c..0c0f67b462dd 100644
--- a/code/lib/cli/rendererAssets/aurelia/button.ts
+++ b/code/lib/cli/rendererAssets/aurelia/button.ts
@@ -4,7 +4,7 @@ import { customElement, bindable } from 'aurelia';
   name: 'storybook-button-component',
   template: `
   <template>
-    <button click.delegate="onClick($event)">\${text}</button>
+    <button click.delegate="onClick($event)">\${label}</button>
     <style>
     button {
       border: 1px solid #eee;
@@ -21,7 +21,7 @@ import { customElement, bindable } from 'aurelia';
 })
 export default class Button {
   @bindable()
-  text = '';
+  label = '';
 
   @bindable()
   onClick: MouseEvent;
diff --git a/code/lib/cli/rendererAssets/ember/1-Button.stories.js b/code/lib/cli/rendererAssets/ember/1-Button.stories.js
index f8865554d97e..5be754973287 100644
--- a/code/lib/cli/rendererAssets/ember/1-Button.stories.js
+++ b/code/lib/cli/rendererAssets/ember/1-Button.stories.js
@@ -7,26 +7,26 @@ export default {
   title: 'Button',
   // More on argTypes: https://storybook.js.org/docs/ember/api/argtypes
   argTypes: {
-    children: { control: 'text' },
+    label: { control: 'text' },
   },
 };
 
 // More on component templates: https://storybook.js.org/docs/ember/writing-stories/introduction#using-args
 const Template = (args) => ({
-  template: hbs`<button {{action onClick}}>{{children}}</button>`,
+  template: hbs`<button {{action onClick}}>{{label}}</button>`,
   context: args,
 });
 
 export const Text = Template.bind({});
 // More on args: https://storybook.js.org/docs/ember/writing-stories/args
 Text.args = {
-  children: 'Button',
+  label: 'Button',
   onClick: action('onClick'),
 };
 
 export const Emoji = Template.bind({});
 Emoji.args = {
-  children: '😀 😎 👍 💯',
+  label: '😀 😎 👍 💯',
 };
 
 export const TextWithAction = () => ({
diff --git a/code/lib/cli/rendererAssets/marko/1-Button.stories.js b/code/lib/cli/rendererAssets/marko/1-Button.stories.js
index a13eb3db94b3..aac4f18f0a60 100644
--- a/code/lib/cli/rendererAssets/marko/1-Button.stories.js
+++ b/code/lib/cli/rendererAssets/marko/1-Button.stories.js
@@ -6,7 +6,7 @@ export default {
   title: 'Button',
   // More on argTypes: https://storybook.js.org/docs/marko/api/argtypes
   argTypes: {
-    children: { control: 'text' },
+    label: { control: 'text' },
   },
 };
 
@@ -19,6 +19,6 @@ const Template = (args) => ({
 export const Text = Template.bind({});
 // More on args: https://storybook.js.org/docs/marko/writing-stories/args
 Text.args = {
-  children: 'Button',
+  label: 'Button',
   onClick: action('onClick'),
 };
diff --git a/code/lib/cli/rendererAssets/marko/Button.marko b/code/lib/cli/rendererAssets/marko/Button.marko
index 01f96c2475bc..3824ce9303ec 100644
--- a/code/lib/cli/rendererAssets/marko/Button.marko
+++ b/code/lib/cli/rendererAssets/marko/Button.marko
@@ -9,5 +9,5 @@ class {
 }
 
 <div>
-  <button type="button" on-click("handleClick")>${input.children}</button>
+  <button type="button" on-click("handleClick")>${input.label}</button>
 </div>
diff --git a/code/lib/cli/rendererAssets/mithril/Button.js b/code/lib/cli/rendererAssets/mithril/Button.js
index 734c5b106527..db8dc2ba36c0 100644
--- a/code/lib/cli/rendererAssets/mithril/Button.js
+++ b/code/lib/cli/rendererAssets/mithril/Button.js
@@ -4,7 +4,7 @@ import m from 'mithril';
 import './button.css';
 
 export const Button = {
-  view: ({ children, attrs }) => {
+  view: ({ label, attrs }) => {
     const mode = attrs.primary ? 'storybook-button--primary' : 'storybook-button--secondary';
     const size = attrs.size || 'medium';
 
@@ -15,7 +15,7 @@ export const Button = {
         style={attrs.backgroundColor && { backgroundColor: attrs.backgroundColor }}
         onclick={attrs.onClick}
       >
-        {children}
+        {label}
       </button>
     );
   },
diff --git a/code/lib/cli/rendererAssets/mithril/Button.stories.js b/code/lib/cli/rendererAssets/mithril/Button.stories.js
index 382fe91f0160..04206d6045c7 100644
--- a/code/lib/cli/rendererAssets/mithril/Button.stories.js
+++ b/code/lib/cli/rendererAssets/mithril/Button.stories.js
@@ -14,30 +14,30 @@ export default {
 };
 
 // More on component templates: https://storybook.js.org/docs/mithril/writing-stories/introduction#using-args
-const Template = ({ children, ...args }) => ({
-  view: () => m(Button, args, children),
+const Template = ({ label, ...args }) => ({
+  view: () => m(Button, args, label),
 });
 
 export const Primary = Template.bind({});
 // More on args: https://storybook.js.org/docs/mithril/writing-stories/args
 Primary.args = {
   primary: true,
-  children: 'Button',
+  label: 'Button',
 };
 
 export const Secondary = Template.bind({});
 Secondary.args = {
-  children: 'Button',
+  label: 'Button',
 };
 
 export const Large = Template.bind({});
 Large.args = {
   size: 'large',
-  children: 'Button',
+  label: 'Button',
 };
 
 export const Small = Template.bind({});
 Small.args = {
   size: 'small',
-  children: 'Button',
+  label: 'Button',
 };
diff --git a/code/lib/cli/rendererAssets/mithril/Header.stories.js b/code/lib/cli/rendererAssets/mithril/Header.stories.js
index fce05950e121..ff779e9ff6e9 100644
--- a/code/lib/cli/rendererAssets/mithril/Header.stories.js
+++ b/code/lib/cli/rendererAssets/mithril/Header.stories.js
@@ -7,8 +7,8 @@ export default {
   component: Header,
 };
 
-const Template = ({ children, ...args }) => ({
-  view: () => m(Header, args, children),
+const Template = ({ label, ...args }) => ({
+  view: () => m(Header, args, label),
 });
 
 export const LoggedIn = Template.bind({});
diff --git a/code/lib/cli/rendererAssets/mithril/Page.stories.js b/code/lib/cli/rendererAssets/mithril/Page.stories.js
index 4b1e54e4110e..73804bf69e65 100644
--- a/code/lib/cli/rendererAssets/mithril/Page.stories.js
+++ b/code/lib/cli/rendererAssets/mithril/Page.stories.js
@@ -8,8 +8,8 @@ export default {
   component: Page,
 };
 
-const Template = ({ children, ...args }) => ({
-  view: () => m(Page, args, children),
+const Template = ({ label, ...args }) => ({
+  view: () => m(Page, args, label),
 });
 
 export const LoggedIn = Template.bind({});
diff --git a/code/lib/cli/rendererAssets/vue/Header.vue b/code/lib/cli/rendererAssets/vue/Header.vue
index 3fb50eafb82e..8bd3656d8184 100644
--- a/code/lib/cli/rendererAssets/vue/Header.vue
+++ b/code/lib/cli/rendererAssets/vue/Header.vue
@@ -4,18 +4,9 @@
       <div>
         <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
           <g fill="none" fill-rule="evenodd">
-            <path
-              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
-              fill="#FFF"
-            />
-            <path
-              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
-              fill="#555AB9"
-            />
-            <path
-              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
-              fill="#91BAF8"
-            />
+            <path d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z" fill="#FFF" />
+            <path d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z" fill="#555AB9" />
+            <path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8" />
           </g>
         </svg>
         <h1>Acme</h1>
diff --git a/code/lib/cli/rendererAssets/vue3/Button.vue b/code/lib/cli/rendererAssets/vue3/Button.vue
index b35d40db56b3..664f48cb3f06 100644
--- a/code/lib/cli/rendererAssets/vue3/Button.vue
+++ b/code/lib/cli/rendererAssets/vue3/Button.vue
@@ -1,5 +1,5 @@
 <template>
-  <button type="button" :class="classes" @click="onClick" :style="style">{{ children }}</button>
+  <button type="button" :class="classes" @click="onClick" :style="style">{{ label }}</button>
 </template>
 
 <script>
@@ -10,7 +10,7 @@ export default {
   name: 'my-button',
 
   props: {
-    children: {
+    label: {
       type: String,
       required: true,
     },
diff --git a/code/lib/cli/rendererAssets/vue3/Header.vue b/code/lib/cli/rendererAssets/vue3/Header.vue
index 2d6908799eb1..95aed3b574d3 100644
--- a/code/lib/cli/rendererAssets/vue3/Header.vue
+++ b/code/lib/cli/rendererAssets/vue3/Header.vue
@@ -4,27 +4,18 @@
       <div>
         <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
           <g fill="none" fill-rule="evenodd">
-            <path
-              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
-              fill="#FFF"
-            />
-            <path
-              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
-              fill="#555AB9"
-            />
-            <path
-              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
-              fill="#91BAF8"
-            />
+            <path d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z" fill="#FFF" />
+            <path d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z" fill="#555AB9" />
+            <path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8" />
           </g>
         </svg>
         <h1>Acme</h1>
       </div>
       <div>
         <span class="welcome" v-if="user">Welcome, <b>{{ user.name }}</b>!</span>
-        <my-button size="small" @click="$emit('logout')" children="`Log out`" v-if="user" />
-        <my-button size="small" @click="$emit('login')" children="`Log in`" v-if="!user" />
-        <my-button primary size="small" @click="$emit('createAccount')" children="`Sign up`" v-if="!user" />
+        <my-button size="small" @click="$emit('logout')" label="Log out" v-if="user" />
+        <my-button size="small" @click="$emit('login')" label="Log in" v-if="!user" />
+        <my-button primary size="small" @click="$emit('createAccount')" label="Sign up" v-if="!user" />
       </div>
     </div>
   </header>
diff --git a/code/lib/cli/templates/react-native/template-csf/storybook/stories/Button/index.js b/code/lib/cli/templates/react-native/template-csf/storybook/stories/Button/index.js
index 37c8437e72e4..363bd863e4ab 100644
--- a/code/lib/cli/templates/react-native/template-csf/storybook/stories/Button/index.js
+++ b/code/lib/cli/templates/react-native/template-csf/storybook/stories/Button/index.js
@@ -2,16 +2,16 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { TouchableHighlight } from 'react-native';
 
-export default function Button({ onPress, children }) {
-  return <TouchableHighlight onPress={onPress}>{children}</TouchableHighlight>;
+export default function Button({ onPress, label }) {
+  return <TouchableHighlight onPress={onPress}>{label}</TouchableHighlight>;
 }
 
 Button.defaultProps = {
-  children: null,
+  label: null,
   onPress: () => {},
 };
 
 Button.propTypes = {
-  children: PropTypes.node,
+  label: PropTypes.node,
   onPress: PropTypes.func,
 };
diff --git a/code/lib/cli/templates/react-native/template-csf/storybook/stories/CenterView/index.js b/code/lib/cli/templates/react-native/template-csf/storybook/stories/CenterView/index.js
index 29732b27ab24..ab67df1d121d 100644
--- a/code/lib/cli/templates/react-native/template-csf/storybook/stories/CenterView/index.js
+++ b/code/lib/cli/templates/react-native/template-csf/storybook/stories/CenterView/index.js
@@ -3,14 +3,14 @@ import PropTypes from 'prop-types';
 import { View } from 'react-native';
 import style from './style';
 
-export default function CenterView({ children }) {
-  return <View style={style.main}>{children}</View>;
+export default function CenterView({ label }) {
+  return <View style={style.main}>{label}</View>;
 }
 
 CenterView.defaultProps = {
-  children: null,
+  label: null,
 };
 
 CenterView.propTypes = {
-  children: PropTypes.node,
+  label: PropTypes.node,
 };
diff --git a/code/lib/store/template/stories/hooks.stories.ts b/code/lib/store/template/stories/hooks.stories.ts
index 696c881c24cf..4ddfb1add79c 100644
--- a/code/lib/store/template/stories/hooks.stories.ts
+++ b/code/lib/store/template/stories/hooks.stories.ts
@@ -14,7 +14,7 @@ export const UseState = {
 
       return story({
         args: {
-          children: `Clicked ${count} times`,
+          label: `Clicked ${count} times`,
           onClick: () => {
             setCount(count + 1);
           },
@@ -47,7 +47,7 @@ export const UseEffect = {
 
       return story({
         args: {
-          children: count > 0 ? `useEffect worked!` : `useEffect hasn't worked yet!`,
+          label: count > 0 ? `useEffect worked!` : `useEffect hasn't worked yet!`,
           onClick: () => {},
         },
       });
diff --git a/code/lib/store/template/stories/rendering.stories.ts b/code/lib/store/template/stories/rendering.stories.ts
index cb04af4248a4..446e8799b373 100644
--- a/code/lib/store/template/stories/rendering.stories.ts
+++ b/code/lib/store/template/stories/rendering.stories.ts
@@ -6,7 +6,7 @@ import { expect } from '@storybook/jest';
 export default {
   component: globalThis.Components.Button,
   args: {
-    children: 'Click me',
+    label: 'Click me',
   },
 };
 
@@ -36,7 +36,7 @@ export const ChangeArgs = {
     if (['vue3', 'svelte', 'web-components', 'html'].includes(globalThis.storybookRenderer)) return;
 
     // When we change the args to the button, it should not rerender
-    await channel.emit('updateStoryArgs', { storyId: id, updatedArgs: { children: 'New Text' } });
+    await channel.emit('updateStoryArgs', { storyId: id, updatedArgs: { label: 'New Text' } });
     await within(canvasElement).findByText(/New Text/);
     await expect(button).toHaveFocus();
 
diff --git a/code/lib/store/template/stories/unicode.stories.ts b/code/lib/store/template/stories/unicode.stories.ts
index 896566811acd..387896d3f234 100644
--- a/code/lib/store/template/stories/unicode.stories.ts
+++ b/code/lib/store/template/stories/unicode.stories.ts
@@ -6,9 +6,9 @@ export default {
 };
 
 export const Кнопки = {
-  args: { children: 'Кнопки' },
+  args: { label: 'Кнопки' },
 };
 
 export const 바보 = {
-  args: { children: '바보' },
+  args: { label: '바보' },
 };
diff --git a/code/renderers/html/template/components/Button.js b/code/renderers/html/template/components/Button.js
index 89f72d0cc443..fa5c0971fd73 100644
--- a/code/renderers/html/template/components/Button.js
+++ b/code/renderers/html/template/components/Button.js
@@ -2,7 +2,7 @@
 export const Button = (args) => {
   const button = document.createElement('button');
 
-  button.innerHTML = args.children;
+  button.innerHTML = args.label;
   button.addEventListener('click', args.onClick);
 
   return button;
diff --git a/code/renderers/react/template/components/Button.jsx b/code/renderers/react/template/components/Button.jsx
index b3d1b59a88c7..f3e882f37dc2 100644
--- a/code/renderers/react/template/components/Button.jsx
+++ b/code/renderers/react/template/components/Button.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 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.string.isRequired,
 };
diff --git a/code/renderers/react/template/stories/react-mdx.stories.mdx b/code/renderers/react/template/stories/react-mdx.stories.mdx
index 96a237b8a7b7..8591bc513b25 100644
--- a/code/renderers/react/template/stories/react-mdx.stories.mdx
+++ b/code/renderers/react/template/stories/react-mdx.stories.mdx
@@ -7,17 +7,17 @@ import { Meta, Story, Canvas } from '@storybook/addon-docs';
 
 export const Button = globalThis.Components.Button;
 
-export const Template = (args) => <Button>From template</Button>;
+export const Template = (args) => <Button label="From template" />;
 
 <Canvas>
   <Story name="Primary">
-    <Button>Primary</Button>
+    <Button label="Primary" />
   </Story>
 </Canvas>
 
 <Canvas>
   <Story name="Secondary">
-    <Button>Secondary</Button>
+    <Button label="Secondary" />
   </Story>
 </Canvas>
 
diff --git a/code/renderers/svelte/template/components/Button.svelte b/code/renderers/svelte/template/components/Button.svelte
index 9ef6679479f6..9f4f69357087 100644
--- a/code/renderers/svelte/template/components/Button.svelte
+++ b/code/renderers/svelte/template/components/Button.svelte
@@ -19,7 +19,7 @@
   /**
    * Button contents
    */
-  export let children = '';
+  export let label = '';
 
   let mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
 
@@ -41,5 +41,5 @@
   {style}
   on:click={onClick}
 >
-  {children}
+  {label}
 </button>
diff --git a/code/renderers/svelte/template/stories/views/ButtonView.svelte b/code/renderers/svelte/template/stories/views/ButtonView.svelte
index e7bdbb17ba72..d957e58b21cf 100644
--- a/code/renderers/svelte/template/stories/views/ButtonView.svelte
+++ b/code/renderers/svelte/template/stories/views/ButtonView.svelte
@@ -29,7 +29,7 @@
 
 <h1>Button view</h1>
 
-<Button {primary} on:click on:click={handleClick} children="{text}: {count}" />
+<Button {primary} on:click on:click={handleClick} label="{text}: {count}" />
 
 <p>A little text to show this is a view.</p>
 <p>If we need to test components in a Svelte environment, for instance to test slot behaviour,</p>
diff --git a/code/renderers/vue/template/components/Button.vue b/code/renderers/vue/template/components/Button.vue
index aab630b064d3..864a2638ac5f 100644
--- a/code/renderers/vue/template/components/Button.vue
+++ b/code/renderers/vue/template/components/Button.vue
@@ -1,5 +1,5 @@
 <template>
-  <button type="button" :class="classes" @click="onClick" :style="style">{{ children }}</button>
+  <button type="button" :class="classes" @click="onClick" :style="style">{{ label }}</button>
 </template>
 
 <script>
@@ -9,7 +9,7 @@ export default {
   name: 'my-button',
 
   props: {
-    children: {
+    label: {
       type: String,
       required: true,
     },
diff --git a/code/renderers/vue/template/stories/core-template.stories.js b/code/renderers/vue/template/stories/core-template.stories.js
index 84804cd0736f..eedcf0486e6f 100644
--- a/code/renderers/vue/template/stories/core-template.stories.js
+++ b/code/renderers/vue/template/stories/core-template.stories.js
@@ -3,4 +3,4 @@ export default {
   component: {},
 };
 
-export const StringOnly = () => '<global-button :primary="true" children="Primary button" />';
+export const StringOnly = () => '<global-button :primary="true" label="Primary button" />';
diff --git a/code/renderers/vue/template/stories/custom-decorators.stories.js b/code/renderers/vue/template/stories/custom-decorators.stories.js
index 45a5d21abbfe..3b061ab7d375 100644
--- a/code/renderers/vue/template/stories/custom-decorators.stories.js
+++ b/code/renderers/vue/template/stories/custom-decorators.stories.js
@@ -29,7 +29,7 @@ export default {
 };
 
 export const Template = () => ({
-  template: '<global-button children="MyButton with template" />',
+  template: '<global-button label="MyButton with template" />',
 });
 
 export const WithData = (_args, { parameters: { fileName, ...parameters }, hooks, ...rest }) => ({
@@ -38,6 +38,6 @@ export const WithData = (_args, { parameters: { fileName, ...parameters }, hooks
 
 export const Render = () => ({
   render(h) {
-    return h(MyButton, { props: { color: 'pink', children: 'renders component: MyButton' } });
+    return h(MyButton, { props: { color: 'pink', label: 'renders component: MyButton' } });
   },
 });
diff --git a/code/renderers/vue/template/stories/custom-rendering.stories.js b/code/renderers/vue/template/stories/custom-rendering.stories.js
index 0f6b2faf37d3..895df94d9d85 100644
--- a/code/renderers/vue/template/stories/custom-rendering.stories.js
+++ b/code/renderers/vue/template/stories/custom-rendering.stories.js
@@ -12,7 +12,7 @@ export const Render = () => ({
 
 export const RenderComponent = () => ({
   render(h) {
-    return h(MyButton, { props: { color: 'pink', children: 'renders component: MyButton' } });
+    return h(MyButton, { props: { color: 'pink', label: 'renders component: MyButton' } });
   },
 });
 
@@ -26,7 +26,7 @@ export const Template = () => ({
 
 export const TemplateComponent = () => ({
   components: { MyButton },
-  template: '<my-button children="MyButton rendered in a template" />',
+  template: '<my-button label="MyButton rendered in a template" />',
 });
 
 export const TemplateMethods = () => ({
@@ -34,7 +34,7 @@ export const TemplateMethods = () => ({
   template: `
       <p>
         <em>Clicking the button will navigate to another story using the 'addon-links'</em><br/>
-        <my-button :rounded="true" @click="action" children="MyButton rendered in a template + props & methods" />
+        <my-button :rounded="true" @click="action" label="MyButton rendered in a template + props & methods" />
       </p>`,
   methods: {
     action: () => {},
@@ -46,7 +46,7 @@ export const TemplateMethods = () => ({
 //   components: { MyButton },
 //   render() {
 //     // eslint-disable-next-line react/react-in-jsx-scope, react/no-children-prop
-//     return <my-button children="MyButton rendered with JSX" />;
+//     return <my-button label="MyButton rendered with JSX" />;
 //   },
 // });
 
@@ -57,6 +57,6 @@ export const PreRegisteredComponent = () => ({
   template: `
       <p>
         <em>This component was pre-registered in .storybook/preview.js</em><br/>
-        <global-button children="GlobalButton rendered in a template" />
+        <global-button label="GlobalButton rendered in a template" />
       </p>`,
 });
diff --git a/code/renderers/vue/template/stories/vue-mdx.stories.mdx b/code/renderers/vue/template/stories/vue-mdx.stories.mdx
index 1125d16ad2a3..8a65cb358062 100644
--- a/code/renderers/vue/template/stories/vue-mdx.stories.mdx
+++ b/code/renderers/vue/template/stories/vue-mdx.stories.mdx
@@ -19,7 +19,7 @@ export const Template = (args, { argTypes }) => ({
   <Story name="Primary">
     {{
       components: { MyButton: Button },
-      template: '<my-button :primary="true" children="Primary button" />',
+      template: '<my-button :primary="true" label="Primary button" />',
     }}
   </Story>
 </Canvas>
@@ -30,7 +30,7 @@ export const Template = (args, { argTypes }) => ({
   <Story name="Secondary">
     {{
       components: { MyButton: Button },
-      template: '<my-button :primary="false" children="Secondary button" />',
+      template: '<my-button :primary="false" label="Secondary button" />',
     }}
   </Story>
 </Canvas>
@@ -38,7 +38,7 @@ export const Template = (args, { argTypes }) => ({
 ## From template
 
 <Canvas>
-  <Story name="From Template" args={{ children: 'From template' }}>
+  <Story name="From Template" args={{ label: 'From template' }}>
     {Template.bind({})}
   </Story>
 </Canvas>
diff --git a/code/renderers/vue3/template/components/Button.vue b/code/renderers/vue3/template/components/Button.vue
index b35d40db56b3..664f48cb3f06 100644
--- a/code/renderers/vue3/template/components/Button.vue
+++ b/code/renderers/vue3/template/components/Button.vue
@@ -1,5 +1,5 @@
 <template>
-  <button type="button" :class="classes" @click="onClick" :style="style">{{ children }}</button>
+  <button type="button" :class="classes" @click="onClick" :style="style">{{ label }}</button>
 </template>
 
 <script>
@@ -10,7 +10,7 @@ export default {
   name: 'my-button',
 
   props: {
-    children: {
+    label: {
       type: String,
       required: true,
     },
diff --git a/code/renderers/vue3/template/stories/GlobalUsage.stories.js b/code/renderers/vue3/template/stories/GlobalUsage.stories.js
index 53e768421f4b..2ec0bef085bd 100644
--- a/code/renderers/vue3/template/stories/GlobalUsage.stories.js
+++ b/code/renderers/vue3/template/stories/GlobalUsage.stories.js
@@ -18,12 +18,12 @@ export default {
 export const Primary = {
   args: {
     primary: true,
-    children: 'Globally Defined',
+    label: 'Globally Defined',
   },
 };
 
 export const Secondary = {
   args: {
-    children: 'Globally Defined',
+    label: 'Globally Defined',
   },
 };
diff --git a/code/renderers/vue3/template/stories/decorators.stories.js b/code/renderers/vue3/template/stories/decorators.stories.js
index 5fda2e0133c2..5835f38eea13 100644
--- a/code/renderers/vue3/template/stories/decorators.stories.js
+++ b/code/renderers/vue3/template/stories/decorators.stories.js
@@ -8,7 +8,7 @@ export default {
 };
 
 export const ComponentTemplate = {
-  args: { children: 'With component' },
+  args: { label: 'With component' },
   decorators: [
     () => ({
       components: {
@@ -23,7 +23,7 @@ export const ComponentTemplate = {
 };
 
 export const SimpleTemplate = {
-  args: { children: 'With border' },
+  args: { label: 'With border' },
   decorators: [
     () => ({
       template: `
@@ -36,7 +36,7 @@ export const SimpleTemplate = {
 };
 
 export const VueWrapper = {
-  args: { children: 'With Vue wrapper' },
+  args: { label: 'With Vue wrapper' },
   decorators: [
     (storyFn) => {
       // Call the `storyFn` to receive a component that Vue can render
@@ -50,7 +50,7 @@ export const VueWrapper = {
 };
 
 export const DynamicWrapper = {
-  args: { children: 'With dynamic wrapper', primary: true },
+  args: { label: 'With dynamic wrapper', primary: true },
   argTypes: {
     // Number type is detected, but we still want to constrain the range from 1-6
     level: { control: { type: 'range', min: 1, max: 6 } },
diff --git a/code/renderers/vue3/template/stories/vue3-mdx.stories.mdx b/code/renderers/vue3/template/stories/vue3-mdx.stories.mdx
index 607683468336..1656236cf39f 100644
--- a/code/renderers/vue3/template/stories/vue3-mdx.stories.mdx
+++ b/code/renderers/vue3/template/stories/vue3-mdx.stories.mdx
@@ -21,7 +21,7 @@ export const Template = (args, { argTypes }) => ({
   <Story name="Primary">
     {{
       components: { MyButton: Button },
-      template: '<my-button :primary="true" :children="`Primary button`" />',
+      template: '<my-button :primary="true" label="Primary button" />',
     }}
   </Story>
 </Canvas>
@@ -32,7 +32,7 @@ export const Template = (args, { argTypes }) => ({
   <Story name="Secondary">
     {{
       components: { MyButton: Button },
-      template: '<my-button :primary="false" :children="`Secondary button`" />',
+      template: '<my-button :primary="false" label="Secondary button" />',
     }}
   </Story>
 </Canvas>
@@ -40,7 +40,7 @@ export const Template = (args, { argTypes }) => ({
 ## From template
 
 <Canvas>
-  <Story name="From Template" args={{ children: 'From template' }}>
+  <Story name="From Template" args={{ label: 'From template' }}>
     {Template.bind({})}
   </Story>
 </Canvas>
diff --git a/code/renderers/web-components/template/components/Button.js b/code/renderers/web-components/template/components/Button.js
index ddc2b5142a43..6baef52d5cc0 100644
--- a/code/renderers/web-components/template/components/Button.js
+++ b/code/renderers/web-components/template/components/Button.js
@@ -5,7 +5,7 @@ import { html, LitElement } from 'lit';
 const { CustomEvent, customElements } = globalThis;
 
 /**
- * @attr {string} children - Children of the button
+ * @attr {string} label - Label of the button
  * @attr {string} size - Size of the button, can be "small", "medium" or "large"; default is "medium".
  * @attr {string} backgroundColor - Color of the button's background
  *
@@ -24,7 +24,7 @@ export class SbButton extends LitElement {
   // https://github.com/Polymer/lit-html/issues/1476
   static get properties() {
     return {
-      children: { type: String, reflect: true },
+      label: { type: String, reflect: true },
       primary: { type: Boolean },
       size: { type: String },
       backgroundColor: { type: String, attribute: 'background-color' },
@@ -36,7 +36,7 @@ export class SbButton extends LitElement {
     this.primary = undefined;
     this.backgroundColor = undefined;
     this.size = 'medium';
-    this.children = '';
+    this.label = '';
   }
 
   onClick() {
@@ -56,7 +56,7 @@ export class SbButton extends LitElement {
         class=${['storybook-button', `storybook-button--${this.size ?? 'medium'}`, mode].join(' ')}
         @click="${this.onClick}"
       >
-        ${this.children}
+        ${this.label}
       </button>
     `;
   }
diff --git a/docs/snippets/vue/button-component-with-proptypes.2.mdx b/docs/snippets/vue/button-component-with-proptypes.2.mdx
index f5ef94241431..05054200898d 100644
--- a/docs/snippets/vue/button-component-with-proptypes.2.mdx
+++ b/docs/snippets/vue/button-component-with-proptypes.2.mdx
@@ -2,7 +2,7 @@
 <!-- Button.vue -->
 
 <template>
-  <button type="button" :disabled="isDisabled">{{ content }}</button>
+  <button type="button" :disabled="isDisabled">{{ label }}</button>
 </template>
 
 <script>
@@ -18,9 +18,9 @@
         required: true,
       },
       /**
-       * The display content of the button
+       * The display label of the button
        */
-      content: {
+      label: {
         type: String,
         default: 'One',
         required: true,
diff --git a/docs/snippets/vue/button-component-with-proptypes.3.mdx b/docs/snippets/vue/button-component-with-proptypes.3.mdx
index b446a4bd4c40..c7df10109c0d 100644
--- a/docs/snippets/vue/button-component-with-proptypes.3.mdx
+++ b/docs/snippets/vue/button-component-with-proptypes.3.mdx
@@ -2,7 +2,7 @@
 <!-- Button.vue -->
 
 <template>
-  <button type="button" :disabled="isDisabled">{{ content }}</button>
+  <button type="button" :disabled="isDisabled">{{ label }}</button>
 </template>
 
 <script>
@@ -20,9 +20,9 @@
         required: true,
       },
       /**
-       * The display content of the button
+       * The display label of the button
        */
-      content: {
+      label: {
         type: String,
         default: 'One',
         required: true,
diff --git a/scripts/next-repro-generators/generate-repros.ts b/scripts/next-repro-generators/generate-repros.ts
index e816723c3c5d..735c54b51349 100755
--- a/scripts/next-repro-generators/generate-repros.ts
+++ b/scripts/next-repro-generators/generate-repros.ts
@@ -4,9 +4,10 @@ import { command } from 'execa';
 import type { Options as ExecaOptions } from 'execa';
 import pLimit from 'p-limit';
 import prettyTime from 'pretty-hrtime';
-import { copy, emptyDir, ensureDir, rename, writeFile } from 'fs-extra';
+import { copy, emptyDir, ensureDir, move, rename, writeFile } from 'fs-extra';
 import { program } from 'commander';
 import { AbortController } from 'node-abort-controller';
+import { directory } from 'tempy';
 
 import reproTemplates from '../../code/lib/cli/src/repro-templates';
 import storybookVersions from '../../code/lib/cli/src/versions';
@@ -35,13 +36,21 @@ const sbInit = async (cwd: string, flags?: string[]) => {
 const LOCAL_REGISTRY_URL = 'http://localhost:6001';
 const withLocalRegistry = async (packageManager: JsPackageManager, action: () => Promise<void>) => {
   const prevUrl = packageManager.getRegistryURL();
+  let error;
   try {
     console.log(`📦 Configuring local registry: ${LOCAL_REGISTRY_URL}`);
     packageManager.setRegistryURL(LOCAL_REGISTRY_URL);
     await action();
+  } catch (e) {
+    error = e;
   } finally {
     console.log(`📦 Restoring registry: ${prevUrl}`);
     packageManager.setRegistryURL(prevUrl);
+
+    if (error) {
+      // eslint-disable-next-line no-unsafe-finally
+      throw error;
+    }
   }
 };
 
@@ -120,15 +129,22 @@ const runGenerators = async (
 
         const baseDir = join(OUTPUT_DIRECTORY, dirName);
         const beforeDir = join(baseDir, BEFORE_DIR_NAME);
-
         await emptyDir(baseDir);
-        await ensureDir(beforeDir);
 
-        await setupYarn({ cwd: baseDir });
+        // We do the creation inside a temp dir to avoid yarn container problems
+        const createBaseDir = directory();
+        const createBeforeDir = join(createBaseDir, BEFORE_DIR_NAME);
+
+        await ensureDir(createBeforeDir);
+
+        await setupYarn({ cwd: createBaseDir });
+
+        await runCommand(script, { cwd: createBeforeDir });
 
-        await runCommand(script, { cwd: beforeDir });
+        await localizeYarnConfigFiles(createBaseDir, createBeforeDir);
 
-        await localizeYarnConfigFiles(baseDir, beforeDir);
+        // Now move the created before dir into it's final location and add storybook
+        await move(createBeforeDir, beforeDir);
 
         await addStorybook(baseDir, localRegistry, flags);
 
diff --git a/scripts/next-repro-generators/utils/yarn.ts b/scripts/next-repro-generators/utils/yarn.ts
index 61d4990b3125..e1035993cfaf 100644
--- a/scripts/next-repro-generators/utils/yarn.ts
+++ b/scripts/next-repro-generators/utils/yarn.ts
@@ -20,6 +20,7 @@ export async function setupYarn({ cwd, pnp = false, version = 'classic' }: Setup
 
 export async function localizeYarnConfigFiles(baseDir: string, beforeDir: string) {
   await Promise.allSettled([
+    runCommand(`touch yarn.lock`, { cwd: beforeDir }),
     move(join(baseDir, '.yarn'), join(beforeDir, '.yarn')),
     move(join(baseDir, '.yarnrc.yml'), join(beforeDir, '.yarnrc.yml')),
     move(join(baseDir, '.yarnrc'), join(beforeDir, '.yarnrc')),