diff --git a/docs/essentials/themes.md b/docs/essentials/themes.md
index cdb199452ef0..fbe2384b3b01 100644
--- a/docs/essentials/themes.md
+++ b/docs/essentials/themes.md
@@ -8,7 +8,7 @@ Storybook's [Themes](https://github.com/storybookjs/storybook/tree/next/code/add
 
 ## Theme decorators
 
-To make your themes accessible to your stories, `@storybook/addon-themes` exposes three [decorators](https://storybook.js.org/docs/react/writing-stories/decorators) for different methods of theming.
+To make your themes accessible to your stories, `@storybook/addon-themes` exposes three [decorators](https://storybook.js.org/docs/writing-stories/decorators) for different methods of theming.
 
 ### JSX providers
 
diff --git a/docs/faq.md b/docs/faq.md
index 19e6c39bb7f7..0935097c3006 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -226,7 +226,7 @@ We're working on overcoming this limitation, and soon you'll be able to use them
 
 Storybook does not work unless you have at least one local story (or docs page) defined in your project. In this context, local means a `.stories.*` or `.mdx` file that is referenced in your project's `.storybook/main.js` config.
 
-If you're in a [Storybook composition](https://storybook.js.org/docs/react/sharing/storybook-composition) scenario, where you have multiple Storybooks, and want to have an extra Storybook with no stories of its own, that serves as a "glue" for all the other Storybooks in a project for demo/documentation purposes, you can do the following steps:
+If you're in a [Storybook composition](https://storybook.js.org/docs/sharing/storybook-composition) scenario, where you have multiple Storybooks, and want to have an extra Storybook with no stories of its own, that serves as a "glue" for all the other Storybooks in a project for demo/documentation purposes, you can do the following steps:
 
 Introduce a single `.mdx` docs page (addon-essentials or addon-docs required), that serves as an Introduction page, like so:
 
@@ -507,7 +507,7 @@ import type { ComponentStory, ComponentMeta } from '@storybook/react';
 
 const StoryMeta: ComponentMeta<typeof Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/sharing/storybook-composition.md b/docs/sharing/storybook-composition.md
index a9e50a8c54d4..65d05b90bac6 100644
--- a/docs/sharing/storybook-composition.md
+++ b/docs/sharing/storybook-composition.md
@@ -95,7 +95,7 @@ If you're using Storybook 6.4, or higher, you can optimize your composition via
 
 <Callout variant="info" icon="💡">
 
-If you already enabled automatic code splitting via the [`storyStoreV7`](https://storybook.js.org/docs/react/builders/webpack#code-splitting), you won't need this flag as it will automatically generate the `index.json` file.
+If you already enabled automatic code splitting via the [`storyStoreV7`](https://storybook.js.org/docs/builders/webpack#code-splitting), you won't need this flag as it will automatically generate the `index.json` file.
 
 </Callout>
 
diff --git a/docs/snippets/angular/build-storybook-production-mode.with-builder.js.mdx b/docs/snippets/angular/build-storybook-production-mode.with-builder.js.mdx
index 36fcc549b41c..326bfdb04741 100644
--- a/docs/snippets/angular/build-storybook-production-mode.with-builder.js.mdx
+++ b/docs/snippets/angular/build-storybook-production-mode.with-builder.js.mdx
@@ -1,6 +1,6 @@
 ```shell
 # Builds Storybook with Angular's custom builder
-# See https://storybook.js.org/docs/angular/get-started/install
+# See https://storybook.js.org/docs/get-started/install
 # to learn how to create the custom builder
 ng run my-project:build-storybook
 ```
diff --git a/docs/snippets/angular/button-story-default-export.ts.mdx b/docs/snippets/angular/button-story-default-export.ts.mdx
index 1fde5eafe2ee..647a05214bab 100644
--- a/docs/snippets/angular/button-story-default-export.ts.mdx
+++ b/docs/snippets/angular/button-story-default-export.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './button.component';
 
 const meta: Meta<Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/angular/button-story-grouped.ts.mdx b/docs/snippets/angular/button-story-grouped.ts.mdx
index d7cb9f22491e..bf946f80bdfd 100644
--- a/docs/snippets/angular/button-story-grouped.ts.mdx
+++ b/docs/snippets/angular/button-story-grouped.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './button.component';
 
 const meta: Meta<Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
diff --git a/docs/snippets/angular/button-story-hoisted.ts.mdx b/docs/snippets/angular/button-story-hoisted.ts.mdx
index 2f3ac8602bf5..2372ade9bbe8 100644
--- a/docs/snippets/angular/button-story-hoisted.ts.mdx
+++ b/docs/snippets/angular/button-story-hoisted.ts.mdx
@@ -7,7 +7,7 @@ import { Button as ButtonComponent } from './button.component';
 
 const meta: Meta<ButtonComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
diff --git a/docs/snippets/angular/button-story-rename-story.ts.mdx b/docs/snippets/angular/button-story-rename-story.ts.mdx
index 08c0c9a903e7..e71e1d6f5db1 100644
--- a/docs/snippets/angular/button-story-rename-story.ts.mdx
+++ b/docs/snippets/angular/button-story-rename-story.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/angular/button-story-with-addon-example.ts.mdx b/docs/snippets/angular/button-story-with-addon-example.ts.mdx
index cfafc7520598..f6d24d57f8c5 100644
--- a/docs/snippets/angular/button-story-with-addon-example.ts.mdx
+++ b/docs/snippets/angular/button-story-with-addon-example.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './button.component';
 
 const meta: Meta<Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -25,7 +25,7 @@ type Story = StoryObj<Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic: Story = {
diff --git a/docs/snippets/angular/button-story-with-emojis.ts.mdx b/docs/snippets/angular/button-story-with-emojis.ts.mdx
index b89137122e33..4f42ba5a3d37 100644
--- a/docs/snippets/angular/button-story-with-emojis.ts.mdx
+++ b/docs/snippets/angular/button-story-with-emojis.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/angular/button-story-with-parameters.ts.mdx b/docs/snippets/angular/button-story-with-parameters.ts.mdx
index a58321591b37..6c6db0d7ecc7 100644
--- a/docs/snippets/angular/button-story-with-parameters.ts.mdx
+++ b/docs/snippets/angular/button-story-with-parameters.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './button.component';
 
 const meta: Meta<Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/angular/button-story.ts.mdx b/docs/snippets/angular/button-story.ts.mdx
index 4afae9406a3a..3805e34f9615 100644
--- a/docs/snippets/angular/button-story.ts.mdx
+++ b/docs/snippets/angular/button-story.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/angular/checkbox-story-grouped.ts.mdx b/docs/snippets/angular/checkbox-story-grouped.ts.mdx
index e99b39119e7d..3152a62e42ae 100644
--- a/docs/snippets/angular/checkbox-story-grouped.ts.mdx
+++ b/docs/snippets/angular/checkbox-story-grouped.ts.mdx
@@ -7,7 +7,7 @@ import { Checkbox } from './checkbox.component';
 
 const meta: Meta<Checkbox> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Checkbox',
diff --git a/docs/snippets/angular/component-story-auto-title.csf3-story-ts.ts.mdx b/docs/snippets/angular/component-story-auto-title.csf3-story-ts.ts.mdx
index 904b9f7d1b95..5b756e34af14 100644
--- a/docs/snippets/angular/component-story-auto-title.csf3-story-ts.ts.mdx
+++ b/docs/snippets/angular/component-story-auto-title.csf3-story-ts.ts.mdx
@@ -7,7 +7,7 @@ import { MyComponent } from './MyComponent.component';
 
 /**
  * Story written in CSF 3.0 with auto title generation
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn more about it.
  */
 const meta: Meta<MyComponent> = {
diff --git a/docs/snippets/angular/component-story-figma-integration.ts.mdx b/docs/snippets/angular/component-story-figma-integration.ts.mdx
index 548298968037..f251c0c143d6 100644
--- a/docs/snippets/angular/component-story-figma-integration.ts.mdx
+++ b/docs/snippets/angular/component-story-figma-integration.ts.mdx
@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from '@storybook/angular/';
 
 import { MyComponent } from './MyComponent.component';
 
-// More on default export: https://storybook.js.org/docs/angular/writing-stories/introduction#default-export
+// More on default export: https://storybook.js.org/docs/writing-stories/introduction#default-export
 const meta: Meta<MyComponent> = {
   component: MyComponent,
 };
diff --git a/docs/snippets/angular/foo-bar-baz-story.ts.mdx b/docs/snippets/angular/foo-bar-baz-story.ts.mdx
index bba892a08542..7018dbf52b56 100644
--- a/docs/snippets/angular/foo-bar-baz-story.ts.mdx
+++ b/docs/snippets/angular/foo-bar-baz-story.ts.mdx
@@ -7,7 +7,7 @@ import { Foo } from './Foo.component';
 
 const meta: Meta<Foo> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Foo/Bar',
diff --git a/docs/snippets/angular/list-story-reuse-data.ts.mdx b/docs/snippets/angular/list-story-reuse-data.ts.mdx
index ce151c88fee7..3ff20f0d824a 100644
--- a/docs/snippets/angular/list-story-reuse-data.ts.mdx
+++ b/docs/snippets/angular/list-story-reuse-data.ts.mdx
@@ -28,7 +28,7 @@ type Story = StoryObj<List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/angular/list-story-template.ts.mdx b/docs/snippets/angular/list-story-template.ts.mdx
index b6e818e9c5c8..760f92617d5d 100644
--- a/docs/snippets/angular/list-story-template.ts.mdx
+++ b/docs/snippets/angular/list-story-template.ts.mdx
@@ -15,7 +15,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -33,7 +33,7 @@ type Story = StoryObj<List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 const ListTemplate: Story = {
diff --git a/docs/snippets/angular/list-story-unchecked.ts.mdx b/docs/snippets/angular/list-story-unchecked.ts.mdx
index b33477c61c4f..b794929a7213 100644
--- a/docs/snippets/angular/list-story-unchecked.ts.mdx
+++ b/docs/snippets/angular/list-story-unchecked.ts.mdx
@@ -15,7 +15,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -33,7 +33,7 @@ type Story = StoryObj<List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {
diff --git a/docs/snippets/angular/loader-story.ts.mdx b/docs/snippets/angular/loader-story.ts.mdx
index b7f15ac294a2..1c9396e02dc9 100644
--- a/docs/snippets/angular/loader-story.ts.mdx
+++ b/docs/snippets/angular/loader-story.ts.mdx
@@ -26,7 +26,7 @@ type Story = StoryObj<TodoItem>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/angular/login-form-with-play-function.ts.mdx b/docs/snippets/angular/login-form-with-play-function.ts.mdx
index 076c8719d478..a90a40bf5dba 100644
--- a/docs/snippets/angular/login-form-with-play-function.ts.mdx
+++ b/docs/snippets/angular/login-form-with-play-function.ts.mdx
@@ -19,7 +19,7 @@ type Story = StoryObj<LoginForm>;
 export const EmptyForm: Story = {};
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -31,7 +31,7 @@ export const FilledForm: Story = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/angular/my-component-play-function-alt-queries.ts.mdx b/docs/snippets/angular/my-component-play-function-alt-queries.ts.mdx
index 9811e482dce6..c21dc1d1c8b3 100644
--- a/docs/snippets/angular/my-component-play-function-alt-queries.ts.mdx
+++ b/docs/snippets/angular/my-component-play-function-alt-queries.ts.mdx
@@ -15,14 +15,14 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleWithRole: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button', { name: / button label/i }));
   },
 };
diff --git a/docs/snippets/angular/my-component-play-function-composition.ts.mdx b/docs/snippets/angular/my-component-play-function-composition.ts.mdx
index ab10e2c86316..94cebdb91efb 100644
--- a/docs/snippets/angular/my-component-play-function-composition.ts.mdx
+++ b/docs/snippets/angular/my-component-play-function-composition.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FirstStory: Story = {
diff --git a/docs/snippets/angular/my-component-play-function-query-findby.ts.mdx b/docs/snippets/angular/my-component-play-function-query-findby.ts.mdx
index d85ab7053a8c..4fbd9cd8544e 100644
--- a/docs/snippets/angular/my-component-play-function-query-findby.ts.mdx
+++ b/docs/snippets/angular/my-component-play-function-query-findby.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const AsyncExample: Story = {
diff --git a/docs/snippets/angular/my-component-play-function-waitfor.ts.mdx b/docs/snippets/angular/my-component-play-function-waitfor.ts.mdx
index 94a155754bb1..044a52acdfb9 100644
--- a/docs/snippets/angular/my-component-play-function-waitfor.ts.mdx
+++ b/docs/snippets/angular/my-component-play-function-waitfor.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleAsyncStory: Story = {
@@ -30,7 +30,7 @@ export const ExampleAsyncStory: Story = {
       delay: 100,
     });
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const Submit = canvas.getByRole('button');
     await userEvent.click(Submit);
 
diff --git a/docs/snippets/angular/my-component-play-function-with-clickevent.ts.mdx b/docs/snippets/angular/my-component-play-function-with-clickevent.ts.mdx
index 85fa8655e5e4..4cccfe654999 100644
--- a/docs/snippets/angular/my-component-play-function-with-clickevent.ts.mdx
+++ b/docs/snippets/angular/my-component-play-function-with-clickevent.ts.mdx
@@ -15,14 +15,14 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ClickExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
   },
 };
@@ -31,7 +31,7 @@ export const FireEventExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await fireEvent.click(canvas.getByTestId('data-testid'));
   },
 };
diff --git a/docs/snippets/angular/my-component-play-function-with-delay.ts.mdx b/docs/snippets/angular/my-component-play-function-with-delay.ts.mdx
index 1160573a8c8e..c8928fde3048 100644
--- a/docs/snippets/angular/my-component-play-function-with-delay.ts.mdx
+++ b/docs/snippets/angular/my-component-play-function-with-delay.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const DelayedStory: Story = {
diff --git a/docs/snippets/angular/my-component-play-function-with-selectevent.ts.mdx b/docs/snippets/angular/my-component-play-function-with-selectevent.ts.mdx
index 4ab4e2e37200..629d8b1b562a 100644
--- a/docs/snippets/angular/my-component-play-function-with-selectevent.ts.mdx
+++ b/docs/snippets/angular/my-component-play-function-with-selectevent.ts.mdx
@@ -20,7 +20,7 @@ function sleep(ms: number) {
 }
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleChangeEvent: Story = {
diff --git a/docs/snippets/angular/my-component-story-mandatory-export.ts.mdx b/docs/snippets/angular/my-component-story-mandatory-export.ts.mdx
index 17f2e6a170e8..737bab1a48cd 100644
--- a/docs/snippets/angular/my-component-story-mandatory-export.ts.mdx
+++ b/docs/snippets/angular/my-component-story-mandatory-export.ts.mdx
@@ -7,7 +7,7 @@ import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Path/To/MyComponent',
diff --git a/docs/snippets/angular/other-foo-bar-story.ts.mdx b/docs/snippets/angular/other-foo-bar-story.ts.mdx
index 606edfe6af2c..ff436ae57986 100644
--- a/docs/snippets/angular/other-foo-bar-story.ts.mdx
+++ b/docs/snippets/angular/other-foo-bar-story.ts.mdx
@@ -7,7 +7,7 @@ import { Foo } from './Foo.component';
 
 const meta: Meta<Foo> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'OtherFoo/Bar',
diff --git a/docs/snippets/angular/register-component-with-play-function.ts.mdx b/docs/snippets/angular/register-component-with-play-function.ts.mdx
index 083c1591fdb8..a30ba41143ef 100644
--- a/docs/snippets/angular/register-component-with-play-function.ts.mdx
+++ b/docs/snippets/angular/register-component-with-play-function.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<RegistrationForm>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -37,7 +37,7 @@ export const FilledForm: Story = {
     await userEvent.type(passwordInput, 'ExamplePassword', {
       delay: 100,
     });
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const submitButton = canvas.getByRole('button');
 
     await userEvent.click(submitButton);
diff --git a/docs/snippets/angular/storybook-csf-3-auto-title-redundant.ts.mdx b/docs/snippets/angular/storybook-csf-3-auto-title-redundant.ts.mdx
index a1bbb5866e1d..cf5d99b5c1d3 100644
--- a/docs/snippets/angular/storybook-csf-3-auto-title-redundant.ts.mdx
+++ b/docs/snippets/angular/storybook-csf-3-auto-title-redundant.ts.mdx
@@ -7,7 +7,7 @@ import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   component: MyComponent,
diff --git a/docs/snippets/angular/storybook-interactions-play-function.ts.mdx b/docs/snippets/angular/storybook-interactions-play-function.ts.mdx
index 5dbed73bfb99..2f40a6064bfe 100644
--- a/docs/snippets/angular/storybook-interactions-play-function.ts.mdx
+++ b/docs/snippets/angular/storybook-interactions-play-function.ts.mdx
@@ -20,7 +20,7 @@ export default meta;
 type Story = StoryObj<Form>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {
diff --git a/docs/snippets/angular/storybook-interactions-step-function.ts.mdx b/docs/snippets/angular/storybook-interactions-step-function.ts.mdx
index 9374ac5cb3cb..d4cc6b8c0180 100644
--- a/docs/snippets/angular/storybook-interactions-step-function.ts.mdx
+++ b/docs/snippets/angular/storybook-interactions-step-function.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {
diff --git a/docs/snippets/common/button-story-default-export.js.mdx b/docs/snippets/common/button-story-default-export.js.mdx
index c2d79aee4d9a..cf20753bad97 100644
--- a/docs/snippets/common/button-story-default-export.js.mdx
+++ b/docs/snippets/common/button-story-default-export.js.mdx
@@ -5,7 +5,7 @@ import { Button } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/common/button-story-default-export.ts-4-9.mdx b/docs/snippets/common/button-story-default-export.ts-4-9.mdx
index 62e3e0f77b60..f3bf85461613 100644
--- a/docs/snippets/common/button-story-default-export.ts-4-9.mdx
+++ b/docs/snippets/common/button-story-default-export.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { Button } from './Button';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/common/button-story-default-export.ts.mdx b/docs/snippets/common/button-story-default-export.ts.mdx
index c2ffda23f124..ecfdbea336fc 100644
--- a/docs/snippets/common/button-story-default-export.ts.mdx
+++ b/docs/snippets/common/button-story-default-export.ts.mdx
@@ -8,7 +8,7 @@ import { Button } from './Button';
 
 const meta: Meta<typeof Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/common/button-story-disable-addon.js.mdx b/docs/snippets/common/button-story-disable-addon.js.mdx
index 159d1111853d..624f6320c8aa 100644
--- a/docs/snippets/common/button-story-disable-addon.js.mdx
+++ b/docs/snippets/common/button-story-disable-addon.js.mdx
@@ -5,7 +5,7 @@ import { Button } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/common/button-story-disable-addon.ts-4-9.mdx b/docs/snippets/common/button-story-disable-addon.ts-4-9.mdx
index f99ac2b28d39..3ecef661ff86 100644
--- a/docs/snippets/common/button-story-disable-addon.ts-4-9.mdx
+++ b/docs/snippets/common/button-story-disable-addon.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { Button } from './Button';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/common/button-story-disable-addon.ts.mdx b/docs/snippets/common/button-story-disable-addon.ts.mdx
index 8a61214516fa..5aa3cb08248d 100644
--- a/docs/snippets/common/button-story-disable-addon.ts.mdx
+++ b/docs/snippets/common/button-story-disable-addon.ts.mdx
@@ -8,7 +8,7 @@ import { Button } from './Button';
 
 const meta: Meta<typeof Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/common/button-story-grouped.js.mdx b/docs/snippets/common/button-story-grouped.js.mdx
index 413c14d55a7b..af5589ad7973 100644
--- a/docs/snippets/common/button-story-grouped.js.mdx
+++ b/docs/snippets/common/button-story-grouped.js.mdx
@@ -5,7 +5,7 @@ import { Button } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
diff --git a/docs/snippets/common/button-story-grouped.ts-4-9.mdx b/docs/snippets/common/button-story-grouped.ts-4-9.mdx
index 57bc98132423..0cd1a1078800 100644
--- a/docs/snippets/common/button-story-grouped.ts-4-9.mdx
+++ b/docs/snippets/common/button-story-grouped.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { Button } from './Button';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
diff --git a/docs/snippets/common/button-story-grouped.ts.mdx b/docs/snippets/common/button-story-grouped.ts.mdx
index 11ee117fdf15..6671e416dfba 100644
--- a/docs/snippets/common/button-story-grouped.ts.mdx
+++ b/docs/snippets/common/button-story-grouped.ts.mdx
@@ -8,7 +8,7 @@ import { Button } from './Button';
 
 const meta: Meta<typeof Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
diff --git a/docs/snippets/common/button-story-hoisted.js.mdx b/docs/snippets/common/button-story-hoisted.js.mdx
index 942861b0ec63..1d0dd1e33422 100644
--- a/docs/snippets/common/button-story-hoisted.js.mdx
+++ b/docs/snippets/common/button-story-hoisted.js.mdx
@@ -5,7 +5,7 @@ import { Button as ButtonComponent } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
diff --git a/docs/snippets/common/button-story-hoisted.ts-4-9.mdx b/docs/snippets/common/button-story-hoisted.ts-4-9.mdx
index 6071a4884449..b41072895639 100644
--- a/docs/snippets/common/button-story-hoisted.ts-4-9.mdx
+++ b/docs/snippets/common/button-story-hoisted.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { Button as ButtonComponent } from './Button';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
diff --git a/docs/snippets/common/button-story-hoisted.ts.mdx b/docs/snippets/common/button-story-hoisted.ts.mdx
index e2de1afe4f6d..09666f261794 100644
--- a/docs/snippets/common/button-story-hoisted.ts.mdx
+++ b/docs/snippets/common/button-story-hoisted.ts.mdx
@@ -8,7 +8,7 @@ import { Button as ButtonComponent } from './Button';
 
 const meta: Meta<typeof ButtonComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',
diff --git a/docs/snippets/common/button-story-with-parameters.js.mdx b/docs/snippets/common/button-story-with-parameters.js.mdx
index 21ca61edc70f..29bbeb261062 100644
--- a/docs/snippets/common/button-story-with-parameters.js.mdx
+++ b/docs/snippets/common/button-story-with-parameters.js.mdx
@@ -5,7 +5,7 @@ import { Button } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/common/checkbox-story-grouped.js.mdx b/docs/snippets/common/checkbox-story-grouped.js.mdx
index 614fbc341ce3..648b5b793567 100644
--- a/docs/snippets/common/checkbox-story-grouped.js.mdx
+++ b/docs/snippets/common/checkbox-story-grouped.js.mdx
@@ -5,7 +5,7 @@ import { CheckBox } from './Checkbox';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Checkbox',
diff --git a/docs/snippets/common/checkbox-story-grouped.ts-4-9.mdx b/docs/snippets/common/checkbox-story-grouped.ts-4-9.mdx
index 4d92c5407b87..61cfc0766404 100644
--- a/docs/snippets/common/checkbox-story-grouped.ts-4-9.mdx
+++ b/docs/snippets/common/checkbox-story-grouped.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { CheckBox } from './Checkbox';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Checkbox',
diff --git a/docs/snippets/common/checkbox-story-grouped.ts.mdx b/docs/snippets/common/checkbox-story-grouped.ts.mdx
index b2c216ef81d6..0f17697bf402 100644
--- a/docs/snippets/common/checkbox-story-grouped.ts.mdx
+++ b/docs/snippets/common/checkbox-story-grouped.ts.mdx
@@ -8,7 +8,7 @@ import { CheckBox } from './Checkbox';
 
 const meta: Meta<typeof CheckBox> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Checkbox',
diff --git a/docs/snippets/common/component-story-auto-title.csf3-story-ts.ts-4-9.mdx b/docs/snippets/common/component-story-auto-title.csf3-story-ts.ts-4-9.mdx
index 74ad5c133a70..3222cb596e72 100644
--- a/docs/snippets/common/component-story-auto-title.csf3-story-ts.ts-4-9.mdx
+++ b/docs/snippets/common/component-story-auto-title.csf3-story-ts.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { MyComponent } from './MyComponent';
 
 /**
  * Story written in CSF 3.0 with auto title generation
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn more about it.
  */
 const meta = {
diff --git a/docs/snippets/common/component-story-auto-title.csf3-story-ts.ts.mdx b/docs/snippets/common/component-story-auto-title.csf3-story-ts.ts.mdx
index bd8a4a29dee1..d192c364585a 100644
--- a/docs/snippets/common/component-story-auto-title.csf3-story-ts.ts.mdx
+++ b/docs/snippets/common/component-story-auto-title.csf3-story-ts.ts.mdx
@@ -8,7 +8,7 @@ import { MyComponent } from './MyComponent';
 
 /**
  * Story written in CSF 3.0 with auto title generation
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn more about it.
  */
 const meta: Meta<typeof MyComponent> = {
diff --git a/docs/snippets/common/component-story-auto-title.csf3-story.js.mdx b/docs/snippets/common/component-story-auto-title.csf3-story.js.mdx
index 50be0cc8dc78..3bfdc4f5abe9 100644
--- a/docs/snippets/common/component-story-auto-title.csf3-story.js.mdx
+++ b/docs/snippets/common/component-story-auto-title.csf3-story.js.mdx
@@ -5,7 +5,7 @@ import { MyComponent } from './MyComponent';
 
 /**
  * Story written in CSF 3.0 with auto title generation
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn more about it.
  */
 export default { component: MyComponent };
diff --git a/docs/snippets/common/custom-docs-page.mdx.mdx b/docs/snippets/common/custom-docs-page.mdx.mdx
index 1d5edbc864ec..9c62778d7df1 100644
--- a/docs/snippets/common/custom-docs-page.mdx.mdx
+++ b/docs/snippets/common/custom-docs-page.mdx.mdx
@@ -3,7 +3,7 @@
 
 # Replacing DocsPage with custom `MDX` content
 
-This file is a documentation-only `MDX`file to customize Storybook's [DocsPage](https://storybook.js.org/docs/react/writing-docs/docs-page#replacing-docspage).
+This file is a documentation-only `MDX`file to customize Storybook's [DocsPage](https://storybook.js.org/docs/writing-docs/docs-page#replacing-docspage).
 
 It can be further expanded with your own code snippets and include specific information related to your stories.
 
diff --git a/docs/snippets/common/foo-bar-baz-story.js.mdx b/docs/snippets/common/foo-bar-baz-story.js.mdx
index 67b26a5dbe95..a5bd3df93855 100644
--- a/docs/snippets/common/foo-bar-baz-story.js.mdx
+++ b/docs/snippets/common/foo-bar-baz-story.js.mdx
@@ -5,7 +5,7 @@ import { Foo } from './Foo';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Foo/Bar',
diff --git a/docs/snippets/common/foo-bar-baz-story.ts-4-9.mdx b/docs/snippets/common/foo-bar-baz-story.ts-4-9.mdx
index aa9e23de3ab0..29d52db497c5 100644
--- a/docs/snippets/common/foo-bar-baz-story.ts-4-9.mdx
+++ b/docs/snippets/common/foo-bar-baz-story.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { Foo } from './Foo';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Foo/Bar',
diff --git a/docs/snippets/common/foo-bar-baz-story.ts.mdx b/docs/snippets/common/foo-bar-baz-story.ts.mdx
index 7cfae38e2a8d..d1f8b271f2aa 100644
--- a/docs/snippets/common/foo-bar-baz-story.ts.mdx
+++ b/docs/snippets/common/foo-bar-baz-story.ts.mdx
@@ -8,7 +8,7 @@ import { Foo } from './Foo';
 
 const meta: Meta<typeof Foo> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Foo/Bar',
diff --git a/docs/snippets/common/my-component-play-function-alt-queries.js.mdx b/docs/snippets/common/my-component-play-function-alt-queries.js.mdx
index ee3451219be0..76d6ba3328cd 100644
--- a/docs/snippets/common/my-component-play-function-alt-queries.js.mdx
+++ b/docs/snippets/common/my-component-play-function-alt-queries.js.mdx
@@ -9,14 +9,14 @@ export default {
   component: MyComponent,
 };
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleWithRole = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button', { name: / button label/i }));
   },
 };
diff --git a/docs/snippets/common/my-component-play-function-alt-queries.ts-4-9.mdx b/docs/snippets/common/my-component-play-function-alt-queries.ts-4-9.mdx
index be129ab2a271..2642854b4dd2 100644
--- a/docs/snippets/common/my-component-play-function-alt-queries.ts-4-9.mdx
+++ b/docs/snippets/common/my-component-play-function-alt-queries.ts-4-9.mdx
@@ -15,14 +15,14 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleWithRole: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button', { name: / button label/i }));
   },
 };
diff --git a/docs/snippets/common/my-component-play-function-alt-queries.ts.mdx b/docs/snippets/common/my-component-play-function-alt-queries.ts.mdx
index 249b71db4bed..0405eda709b7 100644
--- a/docs/snippets/common/my-component-play-function-alt-queries.ts.mdx
+++ b/docs/snippets/common/my-component-play-function-alt-queries.ts.mdx
@@ -15,14 +15,14 @@ const meta: Meta<typeof MyComponent> = {
 export default meta;
 type Story = StoryObj<typeof MyComponent>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleWithRole: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button', { name: / button label/i }));
   },
 };
diff --git a/docs/snippets/common/my-component-play-function-composition.js.mdx b/docs/snippets/common/my-component-play-function-composition.js.mdx
index 6fab14e41807..19fa8c51fd0a 100644
--- a/docs/snippets/common/my-component-play-function-composition.js.mdx
+++ b/docs/snippets/common/my-component-play-function-composition.js.mdx
@@ -10,7 +10,7 @@ export default {
 };
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FirstStory = {
diff --git a/docs/snippets/common/my-component-play-function-composition.ts-4-9.mdx b/docs/snippets/common/my-component-play-function-composition.ts-4-9.mdx
index 016260754908..abfc94c34b4f 100644
--- a/docs/snippets/common/my-component-play-function-composition.ts-4-9.mdx
+++ b/docs/snippets/common/my-component-play-function-composition.ts-4-9.mdx
@@ -16,7 +16,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FirstStory: Story = {
diff --git a/docs/snippets/common/my-component-play-function-composition.ts.mdx b/docs/snippets/common/my-component-play-function-composition.ts.mdx
index e58c1768c532..a1557a13824f 100644
--- a/docs/snippets/common/my-component-play-function-composition.ts.mdx
+++ b/docs/snippets/common/my-component-play-function-composition.ts.mdx
@@ -16,7 +16,7 @@ export default meta;
 type Story = StoryObj<typeof MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FirstStory: Story = {
diff --git a/docs/snippets/common/my-component-play-function-query-findby.js.mdx b/docs/snippets/common/my-component-play-function-query-findby.js.mdx
index 28847498a2fb..e81d9eadd295 100644
--- a/docs/snippets/common/my-component-play-function-query-findby.js.mdx
+++ b/docs/snippets/common/my-component-play-function-query-findby.js.mdx
@@ -9,7 +9,7 @@ export default {
   component: MyComponent,
 };
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const AsyncExample = {
diff --git a/docs/snippets/common/my-component-play-function-query-findby.ts-4-9.mdx b/docs/snippets/common/my-component-play-function-query-findby.ts-4-9.mdx
index 583296aa108c..73f83f5388a3 100644
--- a/docs/snippets/common/my-component-play-function-query-findby.ts-4-9.mdx
+++ b/docs/snippets/common/my-component-play-function-query-findby.ts-4-9.mdx
@@ -15,7 +15,7 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const AsyncExample: Story = {
diff --git a/docs/snippets/common/my-component-play-function-query-findby.ts.mdx b/docs/snippets/common/my-component-play-function-query-findby.ts.mdx
index 968689d8f825..3889f5c46a24 100644
--- a/docs/snippets/common/my-component-play-function-query-findby.ts.mdx
+++ b/docs/snippets/common/my-component-play-function-query-findby.ts.mdx
@@ -15,7 +15,7 @@ const meta: Meta<typeof MyComponent> = {
 export default meta;
 type Story = StoryObj<typeof MyComponent>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const AsyncExample: Story = {
diff --git a/docs/snippets/common/my-component-play-function-waitfor.js.mdx b/docs/snippets/common/my-component-play-function-waitfor.js.mdx
index 825577bf9443..8d9dcdace266 100644
--- a/docs/snippets/common/my-component-play-function-waitfor.js.mdx
+++ b/docs/snippets/common/my-component-play-function-waitfor.js.mdx
@@ -9,7 +9,7 @@ export default {
   component: MyComponent,
 };
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleAsyncStory = {
@@ -24,7 +24,7 @@ export const ExampleAsyncStory = {
       delay: 100,
     });
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const Submit = canvas.getByRole('button');
     await userEvent.click(Submit);
 
diff --git a/docs/snippets/common/my-component-play-function-waitfor.ts-4-9.mdx b/docs/snippets/common/my-component-play-function-waitfor.ts-4-9.mdx
index f601b7661bb6..12a6792dcd9b 100644
--- a/docs/snippets/common/my-component-play-function-waitfor.ts-4-9.mdx
+++ b/docs/snippets/common/my-component-play-function-waitfor.ts-4-9.mdx
@@ -15,7 +15,7 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleAsyncStory: Story = {
@@ -30,7 +30,7 @@ export const ExampleAsyncStory: Story = {
       delay: 100,
     });
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const Submit = canvas.getByRole('button');
     await userEvent.click(Submit);
 
diff --git a/docs/snippets/common/my-component-play-function-waitfor.ts.mdx b/docs/snippets/common/my-component-play-function-waitfor.ts.mdx
index a7c257a16eff..d0553efbe55d 100644
--- a/docs/snippets/common/my-component-play-function-waitfor.ts.mdx
+++ b/docs/snippets/common/my-component-play-function-waitfor.ts.mdx
@@ -15,7 +15,7 @@ const meta: Meta<typeof MyComponent> = {
 export default meta;
 type Story = StoryObj<typeof MyComponent>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleAsyncStory: Story = {
@@ -30,7 +30,7 @@ export const ExampleAsyncStory: Story = {
       delay: 100,
     });
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const Submit = canvas.getByRole('button');
     await userEvent.click(Submit);
 
diff --git a/docs/snippets/common/my-component-play-function-with-clickevent.js.mdx b/docs/snippets/common/my-component-play-function-with-clickevent.js.mdx
index e91d5125f6d6..2fcd25bd560e 100644
--- a/docs/snippets/common/my-component-play-function-with-clickevent.js.mdx
+++ b/docs/snippets/common/my-component-play-function-with-clickevent.js.mdx
@@ -9,14 +9,14 @@ export default {
   component: MyComponent,
 };
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ClickExample = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
   },
 };
@@ -25,7 +25,7 @@ export const FireEventExample = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await fireEvent.click(canvas.getByTestId('data-testid'));
   },
 };
diff --git a/docs/snippets/common/my-component-play-function-with-clickevent.ts-4-9.mdx b/docs/snippets/common/my-component-play-function-with-clickevent.ts-4-9.mdx
index dc6a71c73db0..e63f057d2db4 100644
--- a/docs/snippets/common/my-component-play-function-with-clickevent.ts-4-9.mdx
+++ b/docs/snippets/common/my-component-play-function-with-clickevent.ts-4-9.mdx
@@ -15,14 +15,14 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ClickExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
   },
 };
@@ -31,7 +31,7 @@ export const FireEventExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await fireEvent.click(canvas.getByTestId('data-testid'));
   },
 };
diff --git a/docs/snippets/common/my-component-play-function-with-clickevent.ts.mdx b/docs/snippets/common/my-component-play-function-with-clickevent.ts.mdx
index fc3092dafdca..3df0bdd0ef83 100644
--- a/docs/snippets/common/my-component-play-function-with-clickevent.ts.mdx
+++ b/docs/snippets/common/my-component-play-function-with-clickevent.ts.mdx
@@ -15,14 +15,14 @@ const meta: Meta<typeof MyComponent> = {
 export default meta;
 type Story = StoryObj<typeof MyComponent>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ClickExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
   },
 };
@@ -31,7 +31,7 @@ export const FireEventExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await fireEvent.click(canvas.getByTestId('data-testid'));
   },
 };
diff --git a/docs/snippets/common/my-component-play-function-with-delay.js.mdx b/docs/snippets/common/my-component-play-function-with-delay.js.mdx
index 32a66062e557..a3e1941a906f 100644
--- a/docs/snippets/common/my-component-play-function-with-delay.js.mdx
+++ b/docs/snippets/common/my-component-play-function-with-delay.js.mdx
@@ -9,7 +9,7 @@ export default {
   component: MyComponent,
 };
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const DelayedStory = {
diff --git a/docs/snippets/common/my-component-play-function-with-delay.ts-4-9.mdx b/docs/snippets/common/my-component-play-function-with-delay.ts-4-9.mdx
index 1494692a1793..d9f498779387 100644
--- a/docs/snippets/common/my-component-play-function-with-delay.ts-4-9.mdx
+++ b/docs/snippets/common/my-component-play-function-with-delay.ts-4-9.mdx
@@ -15,7 +15,7 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const DelayedStory: Story = {
diff --git a/docs/snippets/common/my-component-play-function-with-delay.ts.mdx b/docs/snippets/common/my-component-play-function-with-delay.ts.mdx
index d23737666c79..52fe514cae97 100644
--- a/docs/snippets/common/my-component-play-function-with-delay.ts.mdx
+++ b/docs/snippets/common/my-component-play-function-with-delay.ts.mdx
@@ -15,7 +15,7 @@ const meta: Meta<typeof MyComponent> = {
 export default meta;
 type Story = StoryObj<typeof MyComponent>;
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const DelayedStory: Story = {
diff --git a/docs/snippets/common/my-component-play-function-with-selectevent.js.mdx b/docs/snippets/common/my-component-play-function-with-selectevent.js.mdx
index 0ae5a89c877e..1fc2d3c067be 100644
--- a/docs/snippets/common/my-component-play-function-with-selectevent.js.mdx
+++ b/docs/snippets/common/my-component-play-function-with-selectevent.js.mdx
@@ -14,7 +14,7 @@ function sleep(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleChangeEvent = {
diff --git a/docs/snippets/common/my-component-play-function-with-selectevent.ts-4-9.mdx b/docs/snippets/common/my-component-play-function-with-selectevent.ts-4-9.mdx
index c48571a3891c..13cac3181fd9 100644
--- a/docs/snippets/common/my-component-play-function-with-selectevent.ts-4-9.mdx
+++ b/docs/snippets/common/my-component-play-function-with-selectevent.ts-4-9.mdx
@@ -20,7 +20,7 @@ function sleep(ms: number) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleChangeEvent: Story = {
diff --git a/docs/snippets/common/my-component-play-function-with-selectevent.ts.mdx b/docs/snippets/common/my-component-play-function-with-selectevent.ts.mdx
index 63ca967308ec..fba3ff152ff3 100644
--- a/docs/snippets/common/my-component-play-function-with-selectevent.ts.mdx
+++ b/docs/snippets/common/my-component-play-function-with-selectevent.ts.mdx
@@ -20,7 +20,7 @@ function sleep(ms: number) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
-/* See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleChangeEvent: Story = {
diff --git a/docs/snippets/common/my-component-story-mandatory-export.js.mdx b/docs/snippets/common/my-component-story-mandatory-export.js.mdx
index ba0ee712310e..1bc4444bc6ef 100644
--- a/docs/snippets/common/my-component-story-mandatory-export.js.mdx
+++ b/docs/snippets/common/my-component-story-mandatory-export.js.mdx
@@ -5,7 +5,7 @@ import { MyComponent } from './MyComponent';
 
 export default {
   /* 👇 The title prop is optional.
-  * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+  * See https://storybook.js.org/docs/configure/overview#configure-story-loading
   * to learn how to generate automatic titles
   */
   title: 'Path/To/MyComponent',
diff --git a/docs/snippets/common/my-component-story-mandatory-export.ts-4-9.mdx b/docs/snippets/common/my-component-story-mandatory-export.ts-4-9.mdx
index ceb16e0c470b..a119d735eb3d 100644
--- a/docs/snippets/common/my-component-story-mandatory-export.ts-4-9.mdx
+++ b/docs/snippets/common/my-component-story-mandatory-export.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { MyComponent } from './MyComponent';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Path/To/MyComponent',
diff --git a/docs/snippets/common/my-component-story-mandatory-export.ts.mdx b/docs/snippets/common/my-component-story-mandatory-export.ts.mdx
index 96c265860400..d6588517d650 100644
--- a/docs/snippets/common/my-component-story-mandatory-export.ts.mdx
+++ b/docs/snippets/common/my-component-story-mandatory-export.ts.mdx
@@ -8,7 +8,7 @@ import { MyComponent } from './MyComponent';
 
 const meta: Meta<typeof MyComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Path/To/MyComponent',
diff --git a/docs/snippets/common/my-component-story.js.mdx b/docs/snippets/common/my-component-story.js.mdx
index a4bc0493fbb0..533dea669214 100644
--- a/docs/snippets/common/my-component-story.js.mdx
+++ b/docs/snippets/common/my-component-story.js.mdx
@@ -5,7 +5,7 @@ import { MyComponent } from './MyComponent';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'MyComponent',
diff --git a/docs/snippets/common/other-foo-bar-story.js.mdx b/docs/snippets/common/other-foo-bar-story.js.mdx
index 43e8c432e733..88d00a6504e7 100644
--- a/docs/snippets/common/other-foo-bar-story.js.mdx
+++ b/docs/snippets/common/other-foo-bar-story.js.mdx
@@ -5,7 +5,7 @@ import { Foo } from './Foo';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'OtherFoo/Bar',
diff --git a/docs/snippets/common/other-foo-bar-story.ts-4-9.mdx b/docs/snippets/common/other-foo-bar-story.ts-4-9.mdx
index 41b8cb93e959..dc4061519375 100644
--- a/docs/snippets/common/other-foo-bar-story.ts-4-9.mdx
+++ b/docs/snippets/common/other-foo-bar-story.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { Foo } from './Foo';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'OtherFoo/Bar',
diff --git a/docs/snippets/common/other-foo-bar-story.ts.mdx b/docs/snippets/common/other-foo-bar-story.ts.mdx
index 0402f8e9bcde..d10a7a035a10 100644
--- a/docs/snippets/common/other-foo-bar-story.ts.mdx
+++ b/docs/snippets/common/other-foo-bar-story.ts.mdx
@@ -8,7 +8,7 @@ import { Foo } from './Foo';
 
 const meta: Meta<typeof Foo> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'OtherFoo/Bar',
diff --git a/docs/snippets/common/register-component-with-play-function.js.mdx b/docs/snippets/common/register-component-with-play-function.js.mdx
index 3b98d3d75e3a..981481776c83 100644
--- a/docs/snippets/common/register-component-with-play-function.js.mdx
+++ b/docs/snippets/common/register-component-with-play-function.js.mdx
@@ -10,7 +10,7 @@ export default {
 };
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm = {
@@ -32,7 +32,7 @@ export const FilledForm = {
     await userEvent.type(passwordInput, 'ExamplePassword', {
       delay: 100,
     });
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const submitButton = canvas.getByRole('button');
 
     await userEvent.click(submitButton);
diff --git a/docs/snippets/common/register-component-with-play-function.ts-4-9.mdx b/docs/snippets/common/register-component-with-play-function.ts-4-9.mdx
index 57b542477b7d..0007f93911ce 100644
--- a/docs/snippets/common/register-component-with-play-function.ts-4-9.mdx
+++ b/docs/snippets/common/register-component-with-play-function.ts-4-9.mdx
@@ -16,7 +16,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -38,7 +38,7 @@ export const FilledForm: Story = {
     await userEvent.type(passwordInput, 'ExamplePassword', {
       delay: 100,
     });
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const submitButton = canvas.getByRole('button');
 
     await userEvent.click(submitButton);
diff --git a/docs/snippets/common/register-component-with-play-function.ts.mdx b/docs/snippets/common/register-component-with-play-function.ts.mdx
index 1a6ba449c7ac..3bb4429ec17d 100644
--- a/docs/snippets/common/register-component-with-play-function.ts.mdx
+++ b/docs/snippets/common/register-component-with-play-function.ts.mdx
@@ -16,7 +16,7 @@ export default meta;
 type Story = StoryObj<typeof RegistrationForm>;
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -38,7 +38,7 @@ export const FilledForm: Story = {
     await userEvent.type(passwordInput, 'ExamplePassword', {
       delay: 100,
     });
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const submitButton = canvas.getByRole('button');
 
     await userEvent.click(submitButton);
diff --git a/docs/snippets/common/storybook-addon-toolkit-panel-example.panel.ts.mdx b/docs/snippets/common/storybook-addon-toolkit-panel-example.panel.ts.mdx
index 56cdca962478..e2ebfd1b63d4 100644
--- a/docs/snippets/common/storybook-addon-toolkit-panel-example.panel.ts.mdx
+++ b/docs/snippets/common/storybook-addon-toolkit-panel-example.panel.ts.mdx
@@ -15,13 +15,13 @@ interface PanelProps {
 }
 
 export const Panel: React.FC<PanelProps> = (props) => {
-  // https://storybook.js.org/docs/react/addons/addons-api#useaddonstate
+  // https://storybook.js.org/docs/addons/addons-api#useaddonstate
   const [results, setState] = useAddonState(ADDON_ID, {
     danger: [],
     warning: [],
   });
 
-  // https://storybook.js.org/docs/react/addons/addons-api#usechannel
+  // https://storybook.js.org/docs/addons/addons-api#usechannel
   const emit = useChannel({
     [EVENTS.RESULT]: (newResults) => setState(newResults),
   });
diff --git a/docs/snippets/common/storybook-addon-toolkit-tab-example.tab.ts.mdx b/docs/snippets/common/storybook-addon-toolkit-tab-example.tab.ts.mdx
index 3e5b748894ee..89ff10fc652f 100644
--- a/docs/snippets/common/storybook-addon-toolkit-tab-example.tab.ts.mdx
+++ b/docs/snippets/common/storybook-addon-toolkit-tab-example.tab.ts.mdx
@@ -14,7 +14,7 @@ interface TabProps {
 }
 
 export const Tab: React.FC<TabProps> = ({ active }) => {
-  // https://storybook.js.org/docs/react/addons/addons-api#useparameter
+  // https://storybook.js.org/docs/addons/addons-api#useparameter
   const paramData = useParameter<string>(PARAM_KEY, '');
 
   return active ? <TabContent code={paramData} /> : null;
diff --git a/docs/snippets/common/storybook-csf-3-auto-title-redundant.ts-4-9.mdx b/docs/snippets/common/storybook-csf-3-auto-title-redundant.ts-4-9.mdx
index 0cd4d39b7a74..0ca5edee6277 100644
--- a/docs/snippets/common/storybook-csf-3-auto-title-redundant.ts-4-9.mdx
+++ b/docs/snippets/common/storybook-csf-3-auto-title-redundant.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { MyComponent } from './MyComponent';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   component: MyComponent,
diff --git a/docs/snippets/common/storybook-csf-3-auto-title-redundant.ts.mdx b/docs/snippets/common/storybook-csf-3-auto-title-redundant.ts.mdx
index c6fd7e357e7b..9db3f8572739 100644
--- a/docs/snippets/common/storybook-csf-3-auto-title-redundant.ts.mdx
+++ b/docs/snippets/common/storybook-csf-3-auto-title-redundant.ts.mdx
@@ -8,7 +8,7 @@ import { MyComponent } from './MyComponent';
 
 const meta: Meta<typeof MyComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   component: MyComponent,
diff --git a/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.js.mdx b/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.js.mdx
index 5452de3d2a14..b3956c01e1b6 100644
--- a/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.js.mdx
+++ b/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.js.mdx
@@ -9,7 +9,7 @@ import { MyComponent } from '@component-package/src/MyComponent';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'MyComponent',
diff --git a/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.ts-4-9.mdx b/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.ts-4-9.mdx
index 965c348bc7fb..5465a750445b 100644
--- a/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.ts-4-9.mdx
+++ b/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.ts-4-9.mdx
@@ -12,7 +12,7 @@ import { MyComponent } from '@component-package/src/MyComponent';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'MyComponent',
diff --git a/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.ts.mdx b/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.ts.mdx
index 36d634595ada..95ce1f5abf52 100644
--- a/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.ts.mdx
+++ b/docs/snippets/common/storybook-fix-imports-autodocs-monorepo.ts.mdx
@@ -12,7 +12,7 @@ import { MyComponent } from '@component-package/src/MyComponent';
 
 const meta: Meta<typeof MyComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'MyComponent',
diff --git a/docs/snippets/common/storybook-interactions-play-function.js.mdx b/docs/snippets/common/storybook-interactions-play-function.js.mdx
index 19179f5c9ef8..499069bdf97a 100644
--- a/docs/snippets/common/storybook-interactions-play-function.js.mdx
+++ b/docs/snippets/common/storybook-interactions-play-function.js.mdx
@@ -15,7 +15,7 @@ export default {
 };
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted = {
diff --git a/docs/snippets/common/storybook-interactions-play-function.ts-4-9.mdx b/docs/snippets/common/storybook-interactions-play-function.ts-4-9.mdx
index 262fba679659..3312ebb54825 100644
--- a/docs/snippets/common/storybook-interactions-play-function.ts-4-9.mdx
+++ b/docs/snippets/common/storybook-interactions-play-function.ts-4-9.mdx
@@ -21,7 +21,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {
diff --git a/docs/snippets/common/storybook-interactions-play-function.ts.mdx b/docs/snippets/common/storybook-interactions-play-function.ts.mdx
index 69facbbf7998..1a159791a75f 100644
--- a/docs/snippets/common/storybook-interactions-play-function.ts.mdx
+++ b/docs/snippets/common/storybook-interactions-play-function.ts.mdx
@@ -21,7 +21,7 @@ export default meta;
 type Story = StoryObj<typeof Form>;
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {
diff --git a/docs/snippets/common/storybook-interactions-step-function.js.mdx b/docs/snippets/common/storybook-interactions-step-function.js.mdx
index 3b6e9fafcd35..18206bc0ca7d 100644
--- a/docs/snippets/common/storybook-interactions-step-function.js.mdx
+++ b/docs/snippets/common/storybook-interactions-step-function.js.mdx
@@ -10,7 +10,7 @@ export default {
 };
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted = {
diff --git a/docs/snippets/common/storybook-interactions-step-function.ts-4-9.mdx b/docs/snippets/common/storybook-interactions-step-function.ts-4-9.mdx
index ad51d3ebd3ec..61306f64df34 100644
--- a/docs/snippets/common/storybook-interactions-step-function.ts-4-9.mdx
+++ b/docs/snippets/common/storybook-interactions-step-function.ts-4-9.mdx
@@ -16,7 +16,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {
diff --git a/docs/snippets/common/storybook-interactions-step-function.ts.mdx b/docs/snippets/common/storybook-interactions-step-function.ts.mdx
index 65062c0c44f9..c14c3fbfebe7 100644
--- a/docs/snippets/common/storybook-interactions-step-function.ts.mdx
+++ b/docs/snippets/common/storybook-interactions-step-function.ts.mdx
@@ -16,7 +16,7 @@ export default meta;
 type Story = StoryObj<typeof MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {
diff --git a/docs/snippets/common/storybook-mdx-template-with-prop.mdx.mdx b/docs/snippets/common/storybook-mdx-template-with-prop.mdx.mdx
index d954bdc09469..009ecd7eab78 100644
--- a/docs/snippets/common/storybook-mdx-template-with-prop.mdx.mdx
+++ b/docs/snippets/common/storybook-mdx-template-with-prop.mdx.mdx
@@ -5,7 +5,7 @@ import { Meta, Title, Subtitle, Description, Primary, Controls, Stories } from '
 
 {/* 
   * 👇 The isTemplate property is required to tell Storybook that this is a template
-  * See https://storybook.js.org/docs/react/api/doc-block-meta
+  * See https://storybook.js.org/docs/api/doc-block-meta
   * to learn how to use
 */}
 
diff --git a/docs/snippets/common/test-runner-a11y-config.js.mdx b/docs/snippets/common/test-runner-a11y-config.js.mdx
index 9ce64c1e3f09..15d5b412e6c8 100644
--- a/docs/snippets/common/test-runner-a11y-config.js.mdx
+++ b/docs/snippets/common/test-runner-a11y-config.js.mdx
@@ -4,7 +4,7 @@
 const { injectAxe, checkA11y } = require('axe-playwright');
 
 /*
- * See https://storybook.js.org/docs/react/writing-tests/test-runner#test-hook-api
+ * See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
  * to learn more about the test-runner hooks API.
  */
 module.exports = {
diff --git a/docs/snippets/common/test-runner-a11y-config.ts.mdx b/docs/snippets/common/test-runner-a11y-config.ts.mdx
index 4bc91082506f..3edfa111a4f0 100644
--- a/docs/snippets/common/test-runner-a11y-config.ts.mdx
+++ b/docs/snippets/common/test-runner-a11y-config.ts.mdx
@@ -5,7 +5,7 @@ import type { TestRunnerConfig } from '@storybook/test-runner';
 import { injectAxe, checkA11y } from 'axe-playwright';
 
 /*
- * See https://storybook.js.org/docs/react/writing-tests/test-runner#test-hook-api
+ * See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
  * to learn more about the test-runner hooks API.
  */
 const config: TestRunnerConfig = {
diff --git a/docs/snippets/common/test-runner-a11y-configure.js.mdx b/docs/snippets/common/test-runner-a11y-configure.js.mdx
index abd0a20b4089..5a81a3345e1f 100644
--- a/docs/snippets/common/test-runner-a11y-configure.js.mdx
+++ b/docs/snippets/common/test-runner-a11y-configure.js.mdx
@@ -6,7 +6,7 @@ const { injectAxe, checkA11y, configureAxe } = require('axe-playwright');
 const { getStoryContext } = require('@storybook/test-runner');
 
 /*
- * See https://storybook.js.org/docs/react/writing-tests/test-runner#test-hook-api
+ * See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
  * to learn more about the test-runner hooks API.
  */
 module.exports = {
diff --git a/docs/snippets/common/test-runner-a11y-configure.ts.mdx b/docs/snippets/common/test-runner-a11y-configure.ts.mdx
index 5af07ea7d760..48987f89d7c1 100644
--- a/docs/snippets/common/test-runner-a11y-configure.ts.mdx
+++ b/docs/snippets/common/test-runner-a11y-configure.ts.mdx
@@ -7,7 +7,7 @@ import { getStoryContext } from '@storybook/test-runner';
 import { injectAxe, checkA11y, configureAxe } from 'axe-playwright';
 
 /*
- * See https://storybook.js.org/docs/react/writing-tests/test-runner#test-hook-api
+ * See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
  * to learn more about the test-runner hooks API.
  */
 const config: TestRunnerConfig = {
diff --git a/docs/snippets/common/test-runner-a11y-disable.js.mdx b/docs/snippets/common/test-runner-a11y-disable.js.mdx
index d6177c9ce38f..32f1d48dd397 100644
--- a/docs/snippets/common/test-runner-a11y-disable.js.mdx
+++ b/docs/snippets/common/test-runner-a11y-disable.js.mdx
@@ -5,7 +5,7 @@ const { getStoryContext } = require('@storybook/test-runner');
 
 const { injectAxe, checkA11y } = require('axe-playwright');
 /*
- * See https://storybook.js.org/docs/react/writing-tests/test-runner#test-hook-api
+ * See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
  * to learn more about the test-runner hooks API.
  */
 module.exports = {
diff --git a/docs/snippets/common/test-runner-a11y-disable.ts.mdx b/docs/snippets/common/test-runner-a11y-disable.ts.mdx
index 1be273fee210..3a3730073422 100644
--- a/docs/snippets/common/test-runner-a11y-disable.ts.mdx
+++ b/docs/snippets/common/test-runner-a11y-disable.ts.mdx
@@ -7,7 +7,7 @@ import { getStoryContext } from '@storybook/test-runner';
 import { injectAxe, checkA11y } from 'axe-playwright';
 
 /*
- * See https://storybook.js.org/docs/react/writing-tests/test-runner#test-hook-api
+ * See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
  * to learn more about the test-runner hooks API.
  */
 const config: TestRunnerConfig = {
diff --git a/docs/snippets/html/button-story-component-decorator.js.mdx b/docs/snippets/html/button-story-component-decorator.js.mdx
index 73662b008076..6cc6ea24ef59 100644
--- a/docs/snippets/html/button-story-component-decorator.js.mdx
+++ b/docs/snippets/html/button-story-component-decorator.js.mdx
@@ -5,7 +5,7 @@ import { createButton } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -21,7 +21,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/html/button-story-component-decorator.ts.mdx b/docs/snippets/html/button-story-component-decorator.ts.mdx
index 9a8b6485c778..e2d8af9e559c 100644
--- a/docs/snippets/html/button-story-component-decorator.ts.mdx
+++ b/docs/snippets/html/button-story-component-decorator.ts.mdx
@@ -7,7 +7,7 @@ import { createButton, ButtonArgs } from './Button';
 
 const meta: Meta<ButtonArgs> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/html/button-story-default-exports.js.mdx b/docs/snippets/html/button-story-default-exports.js.mdx
index 645d59f91997..d44360b0d86b 100644
--- a/docs/snippets/html/button-story-default-exports.js.mdx
+++ b/docs/snippets/html/button-story-default-exports.js.mdx
@@ -5,7 +5,7 @@ import { createButton } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/html/button-story-default-exports.ts.mdx b/docs/snippets/html/button-story-default-exports.ts.mdx
index 4f95322a9915..f38b51365891 100644
--- a/docs/snippets/html/button-story-default-exports.ts.mdx
+++ b/docs/snippets/html/button-story-default-exports.ts.mdx
@@ -7,7 +7,7 @@ import { createButton, ButtonArgs } from './Button';
 
 const meta: Meta<ButtonArgs> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/html/button-story-rename-story.js.mdx b/docs/snippets/html/button-story-rename-story.js.mdx
index 3f581cf9d427..599e98d4c1b5 100644
--- a/docs/snippets/html/button-story-rename-story.js.mdx
+++ b/docs/snippets/html/button-story-rename-story.js.mdx
@@ -5,7 +5,7 @@ import { createButton } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -13,7 +13,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/html/button-story-rename-story.ts.mdx b/docs/snippets/html/button-story-rename-story.ts.mdx
index 6a8e52d1532e..dfe56c5d8554 100644
--- a/docs/snippets/html/button-story-rename-story.ts.mdx
+++ b/docs/snippets/html/button-story-rename-story.ts.mdx
@@ -7,7 +7,7 @@ import { createButton, ButtonArgs } from './Button';
 
 const meta: Meta<ButtonArgs> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -18,7 +18,7 @@ type Story = StoryObj<ButtonArgs>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/html/button-story-using-args.js.mdx b/docs/snippets/html/button-story-using-args.js.mdx
index e5851991aa0c..21e02d18bf79 100644
--- a/docs/snippets/html/button-story-using-args.js.mdx
+++ b/docs/snippets/html/button-story-using-args.js.mdx
@@ -5,7 +5,7 @@ import { createButton } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -13,7 +13,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/html/button-story-using-args.ts.mdx b/docs/snippets/html/button-story-using-args.ts.mdx
index 625a8c04a8c9..450795897441 100644
--- a/docs/snippets/html/button-story-using-args.ts.mdx
+++ b/docs/snippets/html/button-story-using-args.ts.mdx
@@ -6,7 +6,7 @@ import { createButton, ButtonArgs } from './Button';
 
 const meta: Meta<ButtonArgs> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -17,7 +17,7 @@ type Story = StoryObj<ButtonArgs>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/html/button-story-with-args.js.mdx b/docs/snippets/html/button-story-with-args.js.mdx
index 103604a9a881..74f29e2977a4 100644
--- a/docs/snippets/html/button-story-with-args.js.mdx
+++ b/docs/snippets/html/button-story-with-args.js.mdx
@@ -3,7 +3,7 @@
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -11,7 +11,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/html/button-story-with-args.ts.mdx b/docs/snippets/html/button-story-with-args.ts.mdx
index 70af198114ab..bb6cc81881db 100644
--- a/docs/snippets/html/button-story-with-args.ts.mdx
+++ b/docs/snippets/html/button-story-with-args.ts.mdx
@@ -10,7 +10,7 @@ type ButtonArgs = {
 
 const meta: Meta<ButtonArgs> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -21,7 +21,7 @@ type Story = StoryObj<ButtonArgs>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/html/button-story-with-blue-args.js.mdx b/docs/snippets/html/button-story-with-blue-args.js.mdx
index 2c75ade8831d..98352443f43b 100644
--- a/docs/snippets/html/button-story-with-blue-args.js.mdx
+++ b/docs/snippets/html/button-story-with-blue-args.js.mdx
@@ -5,7 +5,7 @@ import { createButton } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/html/button-story-with-blue-args.ts.mdx b/docs/snippets/html/button-story-with-blue-args.ts.mdx
index 0c8d210367e8..9a4bfade9d74 100644
--- a/docs/snippets/html/button-story-with-blue-args.ts.mdx
+++ b/docs/snippets/html/button-story-with-blue-args.ts.mdx
@@ -7,7 +7,7 @@ import { createButton, ButtonArgs } from './Button';
 
 const meta: Meta<ButtonArgs> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/html/button-story-with-emojis.js.mdx b/docs/snippets/html/button-story-with-emojis.js.mdx
index 2b661422dd0a..281563a8c35c 100644
--- a/docs/snippets/html/button-story-with-emojis.js.mdx
+++ b/docs/snippets/html/button-story-with-emojis.js.mdx
@@ -5,7 +5,7 @@ import { createButton } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -13,7 +13,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/html/button-story-with-emojis.ts.mdx b/docs/snippets/html/button-story-with-emojis.ts.mdx
index e0ac49160665..164d1d2533b2 100644
--- a/docs/snippets/html/button-story-with-emojis.ts.mdx
+++ b/docs/snippets/html/button-story-with-emojis.ts.mdx
@@ -6,7 +6,7 @@ import { createButton, ButtonArgs } from './Button';
 
 const meta: Meta<ButtonArgs> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -17,7 +17,7 @@ type Story = StoryObj<ButtonArgs>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/html/button-story.js.mdx b/docs/snippets/html/button-story.js.mdx
index 4514c7566beb..1f038de7b11d 100644
--- a/docs/snippets/html/button-story.js.mdx
+++ b/docs/snippets/html/button-story.js.mdx
@@ -3,7 +3,7 @@
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -11,7 +11,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/html/button-story.ts.mdx b/docs/snippets/html/button-story.ts.mdx
index 4a48ff30739d..aaf437846462 100644
--- a/docs/snippets/html/button-story.ts.mdx
+++ b/docs/snippets/html/button-story.ts.mdx
@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from '@storybook/html';
 
 const meta: Meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -15,7 +15,7 @@ export default meta;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: StoryObj = {
diff --git a/docs/snippets/html/histogram-story.js.mdx b/docs/snippets/html/histogram-story.js.mdx
index 920f9098d90b..0a6daa195fae 100644
--- a/docs/snippets/html/histogram-story.js.mdx
+++ b/docs/snippets/html/histogram-story.js.mdx
@@ -5,7 +5,7 @@ import { createHistogram } from './Histogram';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Histogram',
@@ -13,7 +13,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default = {
diff --git a/docs/snippets/html/histogram-story.ts.mdx b/docs/snippets/html/histogram-story.ts.mdx
index b4242671ffe3..30285d067747 100644
--- a/docs/snippets/html/histogram-story.ts.mdx
+++ b/docs/snippets/html/histogram-story.ts.mdx
@@ -7,7 +7,7 @@ import { createHistogram, HistogramProps } from './Histogram';
 
 const meta: Meta<HistogramProps> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Histogram',
@@ -18,7 +18,7 @@ type Story = StoryObj<HistogramProps>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default: Story = {
diff --git a/docs/snippets/html/list-story-expanded.js.mdx b/docs/snippets/html/list-story-expanded.js.mdx
index 5af8c42982de..97b9966ee6db 100644
--- a/docs/snippets/html/list-story-expanded.js.mdx
+++ b/docs/snippets/html/list-story-expanded.js.mdx
@@ -6,7 +6,7 @@ import { createListItem } from './ListItem';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -14,7 +14,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Empty = {
diff --git a/docs/snippets/html/list-story-expanded.ts.mdx b/docs/snippets/html/list-story-expanded.ts.mdx
index fb13e0b55316..610fbee6dc08 100644
--- a/docs/snippets/html/list-story-expanded.ts.mdx
+++ b/docs/snippets/html/list-story-expanded.ts.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<ListArgs>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Empty: Story = {
diff --git a/docs/snippets/html/list-story-reuse-data.js.mdx b/docs/snippets/html/list-story-reuse-data.js.mdx
index b201ad7f49e3..af0d91a5286d 100644
--- a/docs/snippets/html/list-story-reuse-data.js.mdx
+++ b/docs/snippets/html/list-story-reuse-data.js.mdx
@@ -9,7 +9,7 @@ import { Selected, Unselected } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -17,7 +17,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems = {
diff --git a/docs/snippets/html/list-story-reuse-data.ts.mdx b/docs/snippets/html/list-story-reuse-data.ts.mdx
index 3218bc0c6dba..5299fe741769 100644
--- a/docs/snippets/html/list-story-reuse-data.ts.mdx
+++ b/docs/snippets/html/list-story-reuse-data.ts.mdx
@@ -11,7 +11,7 @@ import { Selected, Unselected } from './ListItem.stories';
 
 const meta: Meta<ListArgs> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -22,7 +22,7 @@ type Story = StoryObj<ListArgs>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/html/list-story-starter.js.mdx b/docs/snippets/html/list-story-starter.js.mdx
index 1563f9510524..6732a24ac5ce 100644
--- a/docs/snippets/html/list-story-starter.js.mdx
+++ b/docs/snippets/html/list-story-starter.js.mdx
@@ -5,7 +5,7 @@ import { createList } from './List';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/html/list-story-starter.ts.mdx b/docs/snippets/html/list-story-starter.ts.mdx
index 0d47dbca750a..7d10b139da47 100644
--- a/docs/snippets/html/list-story-starter.ts.mdx
+++ b/docs/snippets/html/list-story-starter.ts.mdx
@@ -7,7 +7,7 @@ import { createList, ListArgs } from './List';
 
 const meta: Meta<ListArgs> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/html/your-component.js.mdx b/docs/snippets/html/your-component.js.mdx
index 89d3d5d422d4..9af11785cf2f 100644
--- a/docs/snippets/html/your-component.js.mdx
+++ b/docs/snippets/html/your-component.js.mdx
@@ -6,7 +6,7 @@ import { createYourComponent } from './YourComponent';
 // 👇 This default export determines where your story goes in the story list
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'YourComponent',
@@ -14,7 +14,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const FirstStory = {
diff --git a/docs/snippets/html/your-component.ts.mdx b/docs/snippets/html/your-component.ts.mdx
index cac18214b768..d1485afe491d 100644
--- a/docs/snippets/html/your-component.ts.mdx
+++ b/docs/snippets/html/your-component.ts.mdx
@@ -8,7 +8,7 @@ import { createYourComponent, ComponentProps } from './YourComponent';
 //👇 This default export determines where your story goes in the story list
 const meta: Meta<ComponentProps> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/html/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'YourComponent',
@@ -19,7 +19,7 @@ type Story = StoryObj<ComponentProps>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/html/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const FirstStory: Story = {
diff --git a/docs/snippets/preact/button-story-with-args.js.mdx b/docs/snippets/preact/button-story-with-args.js.mdx
index 1a966082e02c..b304f65ce09b 100644
--- a/docs/snippets/preact/button-story-with-args.js.mdx
+++ b/docs/snippets/preact/button-story-with-args.js.mdx
@@ -12,7 +12,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/preact/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/preact/button-story.js.mdx b/docs/snippets/preact/button-story.js.mdx
index 646fa09ecb46..ada4a996d2b1 100644
--- a/docs/snippets/preact/button-story.js.mdx
+++ b/docs/snippets/preact/button-story.js.mdx
@@ -12,7 +12,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/preact/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/preact/histogram-story.js.mdx b/docs/snippets/preact/histogram-story.js.mdx
index fab69b7b7f7c..781dc6fe53ac 100644
--- a/docs/snippets/preact/histogram-story.js.mdx
+++ b/docs/snippets/preact/histogram-story.js.mdx
@@ -12,7 +12,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/preact/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default = {
diff --git a/docs/snippets/preact/histogram-story.mdx.mdx b/docs/snippets/preact/histogram-story.mdx.mdx
index 86b64868b15f..e0843151cc72 100644
--- a/docs/snippets/preact/histogram-story.mdx.mdx
+++ b/docs/snippets/preact/histogram-story.mdx.mdx
@@ -9,7 +9,7 @@ import { Histogram } from './Histogram';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/preact/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/preact/your-component.js.mdx b/docs/snippets/preact/your-component.js.mdx
index 17f4cba4351f..a7c557d4afed 100644
--- a/docs/snippets/preact/your-component.js.mdx
+++ b/docs/snippets/preact/your-component.js.mdx
@@ -13,7 +13,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/preact/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const FirstStory = {
diff --git a/docs/snippets/react/button-story-rename-story.js.mdx b/docs/snippets/react/button-story-rename-story.js.mdx
index 97b44b48d937..ab4c54460fc1 100644
--- a/docs/snippets/react/button-story-rename-story.js.mdx
+++ b/docs/snippets/react/button-story-rename-story.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/react/button-story-rename-story.ts-4-9.mdx b/docs/snippets/react/button-story-rename-story.ts-4-9.mdx
index 1fb21b9d7217..bdcfb16e56c0 100644
--- a/docs/snippets/react/button-story-rename-story.ts-4-9.mdx
+++ b/docs/snippets/react/button-story-rename-story.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/react/button-story-rename-story.ts.mdx b/docs/snippets/react/button-story-rename-story.ts.mdx
index edf9d8e3a3cc..b87bee96dcd6 100644
--- a/docs/snippets/react/button-story-rename-story.ts.mdx
+++ b/docs/snippets/react/button-story-rename-story.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/react/button-story-with-addon-example.js.mdx b/docs/snippets/react/button-story-with-addon-example.js.mdx
index 09fd7341f11c..17207433ab79 100644
--- a/docs/snippets/react/button-story-with-addon-example.js.mdx
+++ b/docs/snippets/react/button-story-with-addon-example.js.mdx
@@ -7,7 +7,7 @@ import { Button } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/react/button-story-with-addon-example.ts-4-9.mdx b/docs/snippets/react/button-story-with-addon-example.ts-4-9.mdx
index 8bed363206c2..175e1826ff27 100644
--- a/docs/snippets/react/button-story-with-addon-example.ts-4-9.mdx
+++ b/docs/snippets/react/button-story-with-addon-example.ts-4-9.mdx
@@ -7,7 +7,7 @@ import { Button } from './Button';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -25,7 +25,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic: Story = {
diff --git a/docs/snippets/react/button-story-with-addon-example.ts.mdx b/docs/snippets/react/button-story-with-addon-example.ts.mdx
index 162b01653843..e27415b909d4 100644
--- a/docs/snippets/react/button-story-with-addon-example.ts.mdx
+++ b/docs/snippets/react/button-story-with-addon-example.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './Button';
 
 const meta: Meta<typeof Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -25,7 +25,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic: Story = {
diff --git a/docs/snippets/react/button-story-with-emojis.js.mdx b/docs/snippets/react/button-story-with-emojis.js.mdx
index bc6a1a6cf6c7..87e328b8a841 100644
--- a/docs/snippets/react/button-story-with-emojis.js.mdx
+++ b/docs/snippets/react/button-story-with-emojis.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/react/button-story-with-emojis.ts-4-9.mdx b/docs/snippets/react/button-story-with-emojis.ts-4-9.mdx
index 3b13911185db..31847c8be69f 100644
--- a/docs/snippets/react/button-story-with-emojis.ts-4-9.mdx
+++ b/docs/snippets/react/button-story-with-emojis.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/react/button-story-with-emojis.ts.mdx b/docs/snippets/react/button-story-with-emojis.ts.mdx
index 9cb540188976..a2aae6b70359 100644
--- a/docs/snippets/react/button-story-with-emojis.ts.mdx
+++ b/docs/snippets/react/button-story-with-emojis.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/react/button-story-with-parameters.js.mdx b/docs/snippets/react/button-story-with-parameters.js.mdx
index 46d74849e418..20ab0d4e95cb 100644
--- a/docs/snippets/react/button-story-with-parameters.js.mdx
+++ b/docs/snippets/react/button-story-with-parameters.js.mdx
@@ -7,7 +7,7 @@ import { Button } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/react/button-story-with-parameters.ts-4-9.mdx b/docs/snippets/react/button-story-with-parameters.ts-4-9.mdx
index cf4dfd40ebd6..31846545aff1 100644
--- a/docs/snippets/react/button-story-with-parameters.ts-4-9.mdx
+++ b/docs/snippets/react/button-story-with-parameters.ts-4-9.mdx
@@ -7,7 +7,7 @@ import type { Meta } from '@storybook/react';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/react/button-story-with-parameters.ts.mdx b/docs/snippets/react/button-story-with-parameters.ts.mdx
index e913d7fef012..9acf5e4212dc 100644
--- a/docs/snippets/react/button-story-with-parameters.ts.mdx
+++ b/docs/snippets/react/button-story-with-parameters.ts.mdx
@@ -7,7 +7,7 @@ import type { Meta } from '@storybook/react';
 
 const meta: Meta<typeof Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/react/button-story.js.mdx b/docs/snippets/react/button-story.js.mdx
index ef7934b1f945..4cbc51dd0f99 100644
--- a/docs/snippets/react/button-story.js.mdx
+++ b/docs/snippets/react/button-story.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/react/button-story.ts-4-9.mdx b/docs/snippets/react/button-story.ts-4-9.mdx
index e39cdf7c69a7..40c042c6e254 100644
--- a/docs/snippets/react/button-story.ts-4-9.mdx
+++ b/docs/snippets/react/button-story.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/react/button-story.ts.mdx b/docs/snippets/react/button-story.ts.mdx
index e7fbac238ab1..6682973932a4 100644
--- a/docs/snippets/react/button-story.ts.mdx
+++ b/docs/snippets/react/button-story.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/react/component-story-figma-integration.js.mdx b/docs/snippets/react/component-story-figma-integration.js.mdx
index 5646fc5b3e59..c3580c2657b7 100644
--- a/docs/snippets/react/component-story-figma-integration.js.mdx
+++ b/docs/snippets/react/component-story-figma-integration.js.mdx
@@ -3,7 +3,7 @@
 
 import { MyComponent } from './MyComponent';
 
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+// More on default export: https://storybook.js.org/docs/writing-stories/introduction#default-export
 export default {
   component: MyComponent,
 };
diff --git a/docs/snippets/react/component-story-figma-integration.ts-4-9.mdx b/docs/snippets/react/component-story-figma-integration.ts-4-9.mdx
index cf84d725d7dd..41bdf57d68f3 100644
--- a/docs/snippets/react/component-story-figma-integration.ts-4-9.mdx
+++ b/docs/snippets/react/component-story-figma-integration.ts-4-9.mdx
@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 
 import { MyComponent } from './MyComponent';
 
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+// More on default export: https://storybook.js.org/docs/writing-stories/introduction#default-export
 const meta = {
   component: MyComponent,
 } satisfies Meta<typeof MyComponent>;
diff --git a/docs/snippets/react/component-story-figma-integration.ts.mdx b/docs/snippets/react/component-story-figma-integration.ts.mdx
index 183201440bcc..b51bd71af8a0 100644
--- a/docs/snippets/react/component-story-figma-integration.ts.mdx
+++ b/docs/snippets/react/component-story-figma-integration.ts.mdx
@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 
 import { MyComponent } from './MyComponent';
 
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+// More on default export: https://storybook.js.org/docs/writing-stories/introduction#default-export
 const meta: Meta<typeof MyComponent> = {
   component: MyComponent,
 };
diff --git a/docs/snippets/react/list-story-expanded.js.mdx b/docs/snippets/react/list-story-expanded.js.mdx
index 94f93bde32df..58a768ce8a99 100644
--- a/docs/snippets/react/list-story-expanded.js.mdx
+++ b/docs/snippets/react/list-story-expanded.js.mdx
@@ -12,7 +12,7 @@ export const Empty = {};
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem = {
diff --git a/docs/snippets/react/list-story-expanded.ts-4-9.mdx b/docs/snippets/react/list-story-expanded.ts-4-9.mdx
index b300733c40f6..e878e6792ca7 100644
--- a/docs/snippets/react/list-story-expanded.ts-4-9.mdx
+++ b/docs/snippets/react/list-story-expanded.ts-4-9.mdx
@@ -17,7 +17,7 @@ export const Empty: Story = {};
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {
diff --git a/docs/snippets/react/list-story-expanded.ts.mdx b/docs/snippets/react/list-story-expanded.ts.mdx
index fb2f3ed35277..b2a467cbd773 100644
--- a/docs/snippets/react/list-story-expanded.ts.mdx
+++ b/docs/snippets/react/list-story-expanded.ts.mdx
@@ -17,7 +17,7 @@ export const Empty: Story = {};
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {
diff --git a/docs/snippets/react/list-story-reuse-data.js.mdx b/docs/snippets/react/list-story-reuse-data.js.mdx
index c02be6eae0e1..2e35ca9c2dab 100644
--- a/docs/snippets/react/list-story-reuse-data.js.mdx
+++ b/docs/snippets/react/list-story-reuse-data.js.mdx
@@ -15,7 +15,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 
diff --git a/docs/snippets/react/list-story-reuse-data.ts-4-9.mdx b/docs/snippets/react/list-story-reuse-data.ts-4-9.mdx
index 33e41c5b597b..07767df39468 100644
--- a/docs/snippets/react/list-story-reuse-data.ts-4-9.mdx
+++ b/docs/snippets/react/list-story-reuse-data.ts-4-9.mdx
@@ -18,7 +18,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/react/list-story-reuse-data.ts.mdx b/docs/snippets/react/list-story-reuse-data.ts.mdx
index dc00fd4bfeae..006e28639c99 100644
--- a/docs/snippets/react/list-story-reuse-data.ts.mdx
+++ b/docs/snippets/react/list-story-reuse-data.ts.mdx
@@ -18,7 +18,7 @@ type Story = StoryObj<typeof List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/react/list-story-template.js.mdx b/docs/snippets/react/list-story-template.js.mdx
index f7aca086f51b..6711b717e194 100644
--- a/docs/snippets/react/list-story-template.js.mdx
+++ b/docs/snippets/react/list-story-template.js.mdx
@@ -9,7 +9,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/react/list-story-template.ts-4-9.mdx b/docs/snippets/react/list-story-template.ts-4-9.mdx
index 4e184babe860..aedf294d807a 100644
--- a/docs/snippets/react/list-story-template.ts-4-9.mdx
+++ b/docs/snippets/react/list-story-template.ts-4-9.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * Seehttps://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * Seehttps://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/react/list-story-template.ts.mdx b/docs/snippets/react/list-story-template.ts.mdx
index 06cd9e8b5ec3..ec9e92479a72 100644
--- a/docs/snippets/react/list-story-template.ts.mdx
+++ b/docs/snippets/react/list-story-template.ts.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * Seehttps://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * Seehttps://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/react/list-story-unchecked.js.mdx b/docs/snippets/react/list-story-unchecked.js.mdx
index 5ffd677d28df..eade8f532a67 100644
--- a/docs/snippets/react/list-story-unchecked.js.mdx
+++ b/docs/snippets/react/list-story-unchecked.js.mdx
@@ -8,7 +8,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/react/list-story-unchecked.ts-4-9.mdx b/docs/snippets/react/list-story-unchecked.ts-4-9.mdx
index 3b7b269e68ac..273f05be7e7d 100644
--- a/docs/snippets/react/list-story-unchecked.ts-4-9.mdx
+++ b/docs/snippets/react/list-story-unchecked.ts-4-9.mdx
@@ -10,7 +10,7 @@ import { Unchecked } from './ListItem.stories';
 
 export const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/react/list-story-unchecked.ts.mdx b/docs/snippets/react/list-story-unchecked.ts.mdx
index 57473f3248d5..ad48ebe889c5 100644
--- a/docs/snippets/react/list-story-unchecked.ts.mdx
+++ b/docs/snippets/react/list-story-unchecked.ts.mdx
@@ -10,7 +10,7 @@ import { Unchecked } from './ListItem.stories';
 
 export const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/react/list-story-with-unchecked-children.js.mdx b/docs/snippets/react/list-story-with-unchecked-children.js.mdx
index 2a8135832bf8..79145e35fb7c 100644
--- a/docs/snippets/react/list-story-with-unchecked-children.js.mdx
+++ b/docs/snippets/react/list-story-with-unchecked-children.js.mdx
@@ -8,7 +8,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/react/list-story-with-unchecked-children.ts-4-9.mdx b/docs/snippets/react/list-story-with-unchecked-children.ts-4-9.mdx
index fe78f21335a4..a7fb215cbe9f 100644
--- a/docs/snippets/react/list-story-with-unchecked-children.ts-4-9.mdx
+++ b/docs/snippets/react/list-story-with-unchecked-children.ts-4-9.mdx
@@ -10,7 +10,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/react/list-story-with-unchecked-children.ts.mdx b/docs/snippets/react/list-story-with-unchecked-children.ts.mdx
index 999fd131f934..a362c172e9ea 100644
--- a/docs/snippets/react/list-story-with-unchecked-children.ts.mdx
+++ b/docs/snippets/react/list-story-with-unchecked-children.ts.mdx
@@ -10,7 +10,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/react/loader-story.js.mdx b/docs/snippets/react/loader-story.js.mdx
index 85a607515896..a039b802b936 100644
--- a/docs/snippets/react/loader-story.js.mdx
+++ b/docs/snippets/react/loader-story.js.mdx
@@ -7,7 +7,7 @@ import { TodoItem } from './TodoItem';
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export default {
diff --git a/docs/snippets/react/loader-story.ts-4-9.mdx b/docs/snippets/react/loader-story.ts-4-9.mdx
index b8292975d725..268bd6e26447 100644
--- a/docs/snippets/react/loader-story.ts-4-9.mdx
+++ b/docs/snippets/react/loader-story.ts-4-9.mdx
@@ -9,7 +9,7 @@ import { TodoItem } from './TodoItem';
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 const meta = {
diff --git a/docs/snippets/react/loader-story.ts.mdx b/docs/snippets/react/loader-story.ts.mdx
index e145a319dc89..8867bbee7adf 100644
--- a/docs/snippets/react/loader-story.ts.mdx
+++ b/docs/snippets/react/loader-story.ts.mdx
@@ -9,7 +9,7 @@ import { TodoItem } from './TodoItem';
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 const meta: Meta<typeof TodoItem> = {
diff --git a/docs/snippets/react/login-form-with-play-function.js.mdx b/docs/snippets/react/login-form-with-play-function.js.mdx
index b96bb882e2b5..5eadc2bdcc5c 100644
--- a/docs/snippets/react/login-form-with-play-function.js.mdx
+++ b/docs/snippets/react/login-form-with-play-function.js.mdx
@@ -14,7 +14,7 @@ export default {
 export const EmptyForm = {};
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm = {
@@ -26,7 +26,7 @@ export const FilledForm = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/react/login-form-with-play-function.ts-4-9.mdx b/docs/snippets/react/login-form-with-play-function.ts-4-9.mdx
index f890687348f4..21480d2a31de 100644
--- a/docs/snippets/react/login-form-with-play-function.ts-4-9.mdx
+++ b/docs/snippets/react/login-form-with-play-function.ts-4-9.mdx
@@ -19,7 +19,7 @@ type Story = StoryObj<typeof meta>;
 export const EmptyForm: Story = {};
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -31,7 +31,7 @@ export const FilledForm: Story = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/react/login-form-with-play-function.ts.mdx b/docs/snippets/react/login-form-with-play-function.ts.mdx
index 1dd85a94669d..97d7960e9e4f 100644
--- a/docs/snippets/react/login-form-with-play-function.ts.mdx
+++ b/docs/snippets/react/login-form-with-play-function.ts.mdx
@@ -19,7 +19,7 @@ type Story = StoryObj<typeof LoginForm>;
 export const EmptyForm: Story = {};
 
 /*
- * See https://storybook.js.org/docs/react/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -31,7 +31,7 @@ export const FilledForm: Story = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/solid/button-story-rename-story.js.mdx b/docs/snippets/solid/button-story-rename-story.js.mdx
index 69eee222e874..ab4c54460fc1 100644
--- a/docs/snippets/solid/button-story-rename-story.js.mdx
+++ b/docs/snippets/solid/button-story-rename-story.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/solid/button-story-rename-story.ts-4-9.mdx b/docs/snippets/solid/button-story-rename-story.ts-4-9.mdx
index 80f74054c90a..ba57dc6982f0 100644
--- a/docs/snippets/solid/button-story-rename-story.ts-4-9.mdx
+++ b/docs/snippets/solid/button-story-rename-story.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/solid/button-story-rename-story.ts.mdx b/docs/snippets/solid/button-story-rename-story.ts.mdx
index f850fd5dfd03..a5366a3a1a00 100644
--- a/docs/snippets/solid/button-story-rename-story.ts.mdx
+++ b/docs/snippets/solid/button-story-rename-story.ts.mdx
@@ -13,7 +13,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/solid/button-story-with-addon-example.js.mdx b/docs/snippets/solid/button-story-with-addon-example.js.mdx
index dd8c9d35a9c7..d1f39c3bc82b 100644
--- a/docs/snippets/solid/button-story-with-addon-example.js.mdx
+++ b/docs/snippets/solid/button-story-with-addon-example.js.mdx
@@ -5,7 +5,7 @@ import { Button } from './Button';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/solid/button-story-with-addon-example.ts-4-9.mdx b/docs/snippets/solid/button-story-with-addon-example.ts-4-9.mdx
index 849f02cfd669..7e74320ef4d5 100644
--- a/docs/snippets/solid/button-story-with-addon-example.ts-4-9.mdx
+++ b/docs/snippets/solid/button-story-with-addon-example.ts-4-9.mdx
@@ -7,7 +7,7 @@ import { Button } from './Button';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -25,7 +25,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic: Story = {
diff --git a/docs/snippets/solid/button-story-with-addon-example.ts.mdx b/docs/snippets/solid/button-story-with-addon-example.ts.mdx
index ed1d79cb4c8d..822039ef959b 100644
--- a/docs/snippets/solid/button-story-with-addon-example.ts.mdx
+++ b/docs/snippets/solid/button-story-with-addon-example.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './Button';
 
 const meta: Meta<typeof Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -25,7 +25,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic: Story = {
diff --git a/docs/snippets/solid/button-story-with-emojis.js.mdx b/docs/snippets/solid/button-story-with-emojis.js.mdx
index 2e03e4a75415..87e328b8a841 100644
--- a/docs/snippets/solid/button-story-with-emojis.js.mdx
+++ b/docs/snippets/solid/button-story-with-emojis.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/solid/button-story-with-emojis.ts-4-9.mdx b/docs/snippets/solid/button-story-with-emojis.ts-4-9.mdx
index 3c9a7ef40476..515869669bcf 100644
--- a/docs/snippets/solid/button-story-with-emojis.ts-4-9.mdx
+++ b/docs/snippets/solid/button-story-with-emojis.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/solid/button-story-with-emojis.ts.mdx b/docs/snippets/solid/button-story-with-emojis.ts.mdx
index bc6242f41209..bbaf1f7939b8 100644
--- a/docs/snippets/solid/button-story-with-emojis.ts.mdx
+++ b/docs/snippets/solid/button-story-with-emojis.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/solid/button-story.js.mdx b/docs/snippets/solid/button-story.js.mdx
index 52b62dd75c31..4cbc51dd0f99 100644
--- a/docs/snippets/solid/button-story.js.mdx
+++ b/docs/snippets/solid/button-story.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/solid/button-story.ts-4-9.mdx b/docs/snippets/solid/button-story.ts-4-9.mdx
index 4f75b9cc0514..5f6761d0fd52 100644
--- a/docs/snippets/solid/button-story.ts-4-9.mdx
+++ b/docs/snippets/solid/button-story.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/solid/button-story.ts.mdx b/docs/snippets/solid/button-story.ts.mdx
index 2dd769204c18..dab908a27f07 100644
--- a/docs/snippets/solid/button-story.ts.mdx
+++ b/docs/snippets/solid/button-story.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/solid/list-story-expanded.js.mdx b/docs/snippets/solid/list-story-expanded.js.mdx
index 2c231a3b3a2e..58a768ce8a99 100644
--- a/docs/snippets/solid/list-story-expanded.js.mdx
+++ b/docs/snippets/solid/list-story-expanded.js.mdx
@@ -12,7 +12,7 @@ export const Empty = {};
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem = {
diff --git a/docs/snippets/solid/list-story-expanded.ts-4-9.mdx b/docs/snippets/solid/list-story-expanded.ts-4-9.mdx
index 7a2d454ed710..8977481007e7 100644
--- a/docs/snippets/solid/list-story-expanded.ts-4-9.mdx
+++ b/docs/snippets/solid/list-story-expanded.ts-4-9.mdx
@@ -17,7 +17,7 @@ export const Empty: Story = {};
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {
diff --git a/docs/snippets/solid/list-story-expanded.ts.mdx b/docs/snippets/solid/list-story-expanded.ts.mdx
index 98a5230fc7f4..cf6032487725 100644
--- a/docs/snippets/solid/list-story-expanded.ts.mdx
+++ b/docs/snippets/solid/list-story-expanded.ts.mdx
@@ -17,7 +17,7 @@ export const Empty: Story = {};
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {
diff --git a/docs/snippets/solid/list-story-reuse-data.js.mdx b/docs/snippets/solid/list-story-reuse-data.js.mdx
index e9e68346f46f..812843a505e6 100644
--- a/docs/snippets/solid/list-story-reuse-data.js.mdx
+++ b/docs/snippets/solid/list-story-reuse-data.js.mdx
@@ -13,7 +13,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 
diff --git a/docs/snippets/solid/list-story-reuse-data.ts-4-9.mdx b/docs/snippets/solid/list-story-reuse-data.ts-4-9.mdx
index 68ac816d433f..5d4e5aae4e28 100644
--- a/docs/snippets/solid/list-story-reuse-data.ts-4-9.mdx
+++ b/docs/snippets/solid/list-story-reuse-data.ts-4-9.mdx
@@ -18,7 +18,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/solid/list-story-reuse-data.ts.mdx b/docs/snippets/solid/list-story-reuse-data.ts.mdx
index a1c94ffbc954..636f66d6b020 100644
--- a/docs/snippets/solid/list-story-reuse-data.ts.mdx
+++ b/docs/snippets/solid/list-story-reuse-data.ts.mdx
@@ -18,7 +18,7 @@ type Story = StoryObj<typeof List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/solid/list-story-template.js.mdx b/docs/snippets/solid/list-story-template.js.mdx
index 47434befaf53..6711b717e194 100644
--- a/docs/snippets/solid/list-story-template.js.mdx
+++ b/docs/snippets/solid/list-story-template.js.mdx
@@ -9,7 +9,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-template.ts-4-9.mdx b/docs/snippets/solid/list-story-template.ts-4-9.mdx
index 19effe0c33e6..d9cf22b4295e 100644
--- a/docs/snippets/solid/list-story-template.ts-4-9.mdx
+++ b/docs/snippets/solid/list-story-template.ts-4-9.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * Seehttps://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * Seehttps://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-template.ts.mdx b/docs/snippets/solid/list-story-template.ts.mdx
index 89ca01efb13b..aa16f1a9999a 100644
--- a/docs/snippets/solid/list-story-template.ts.mdx
+++ b/docs/snippets/solid/list-story-template.ts.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * Seehttps://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * Seehttps://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-unchecked.js.mdx b/docs/snippets/solid/list-story-unchecked.js.mdx
index 7945d42483ac..eade8f532a67 100644
--- a/docs/snippets/solid/list-story-unchecked.js.mdx
+++ b/docs/snippets/solid/list-story-unchecked.js.mdx
@@ -8,7 +8,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-unchecked.ts-4-9.mdx b/docs/snippets/solid/list-story-unchecked.ts-4-9.mdx
index c14cc30036ed..2c86e74eb7da 100644
--- a/docs/snippets/solid/list-story-unchecked.ts-4-9.mdx
+++ b/docs/snippets/solid/list-story-unchecked.ts-4-9.mdx
@@ -10,7 +10,7 @@ import { Unchecked } from './ListItem.stories';
 
 export const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-unchecked.ts.mdx b/docs/snippets/solid/list-story-unchecked.ts.mdx
index 9d34d7be40f2..3f4e90c3dd55 100644
--- a/docs/snippets/solid/list-story-unchecked.ts.mdx
+++ b/docs/snippets/solid/list-story-unchecked.ts.mdx
@@ -10,7 +10,7 @@ import { Unchecked } from './ListItem.stories';
 
 export const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-with-subcomponents.js.mdx b/docs/snippets/solid/list-story-with-subcomponents.js.mdx
index 7729092217dd..7d2d92bbbf4a 100644
--- a/docs/snippets/solid/list-story-with-subcomponents.js.mdx
+++ b/docs/snippets/solid/list-story-with-subcomponents.js.mdx
@@ -6,7 +6,7 @@ import { ListItem } from './ListItem';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-with-subcomponents.ts-4-9.mdx b/docs/snippets/solid/list-story-with-subcomponents.ts-4-9.mdx
index cec4c0cde35e..a67c588803b7 100644
--- a/docs/snippets/solid/list-story-with-subcomponents.ts-4-9.mdx
+++ b/docs/snippets/solid/list-story-with-subcomponents.ts-4-9.mdx
@@ -8,7 +8,7 @@ import { ListItem } from './ListItem';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-with-subcomponents.ts.mdx b/docs/snippets/solid/list-story-with-subcomponents.ts.mdx
index b7614829357f..8ba0ab2f1ecd 100644
--- a/docs/snippets/solid/list-story-with-subcomponents.ts.mdx
+++ b/docs/snippets/solid/list-story-with-subcomponents.ts.mdx
@@ -8,7 +8,7 @@ import { ListItem } from './ListItem';
 
 const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-with-unchecked-children.js.mdx b/docs/snippets/solid/list-story-with-unchecked-children.js.mdx
index 535afc6fe8e4..79145e35fb7c 100644
--- a/docs/snippets/solid/list-story-with-unchecked-children.js.mdx
+++ b/docs/snippets/solid/list-story-with-unchecked-children.js.mdx
@@ -8,7 +8,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-with-unchecked-children.ts-4-9.mdx b/docs/snippets/solid/list-story-with-unchecked-children.ts-4-9.mdx
index efd4ac563051..e4e372afaf42 100644
--- a/docs/snippets/solid/list-story-with-unchecked-children.ts-4-9.mdx
+++ b/docs/snippets/solid/list-story-with-unchecked-children.ts-4-9.mdx
@@ -10,7 +10,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/list-story-with-unchecked-children.ts.mdx b/docs/snippets/solid/list-story-with-unchecked-children.ts.mdx
index 01d964d7b887..f41a1bcb58db 100644
--- a/docs/snippets/solid/list-story-with-unchecked-children.ts.mdx
+++ b/docs/snippets/solid/list-story-with-unchecked-children.ts.mdx
@@ -10,7 +10,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/solid/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/solid/loader-story.js.mdx b/docs/snippets/solid/loader-story.js.mdx
index d45ba1d6478e..b14d045f00c2 100644
--- a/docs/snippets/solid/loader-story.js.mdx
+++ b/docs/snippets/solid/loader-story.js.mdx
@@ -5,7 +5,7 @@ import { TodoItem } from './TodoItem';
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export default {
diff --git a/docs/snippets/solid/loader-story.ts-4-9.mdx b/docs/snippets/solid/loader-story.ts-4-9.mdx
index 3114872f47b9..53eb6541713f 100644
--- a/docs/snippets/solid/loader-story.ts-4-9.mdx
+++ b/docs/snippets/solid/loader-story.ts-4-9.mdx
@@ -7,7 +7,7 @@ import { TodoItem } from './TodoItem';
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 const meta = {
diff --git a/docs/snippets/solid/loader-story.ts.mdx b/docs/snippets/solid/loader-story.ts.mdx
index bfa55ee360a6..74ae488c7756 100644
--- a/docs/snippets/solid/loader-story.ts.mdx
+++ b/docs/snippets/solid/loader-story.ts.mdx
@@ -7,7 +7,7 @@ import { TodoItem } from './TodoItem';
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/solid/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 const meta: Meta<typeof TodoItem> = {
diff --git a/docs/snippets/solid/login-form-with-play-function.js.mdx b/docs/snippets/solid/login-form-with-play-function.js.mdx
index 6f14787ff12a..5eadc2bdcc5c 100644
--- a/docs/snippets/solid/login-form-with-play-function.js.mdx
+++ b/docs/snippets/solid/login-form-with-play-function.js.mdx
@@ -14,7 +14,7 @@ export default {
 export const EmptyForm = {};
 
 /*
- * See https://storybook.js.org/docs/solid/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm = {
@@ -26,7 +26,7 @@ export const FilledForm = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/solid/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/solid/login-form-with-play-function.ts-4-9.mdx b/docs/snippets/solid/login-form-with-play-function.ts-4-9.mdx
index 0b1a0923d5a2..33384ae7edc0 100644
--- a/docs/snippets/solid/login-form-with-play-function.ts-4-9.mdx
+++ b/docs/snippets/solid/login-form-with-play-function.ts-4-9.mdx
@@ -19,7 +19,7 @@ type Story = StoryObj<typeof meta>;
 export const EmptyForm: Story = {};
 
 /*
- * See https://storybook.js.org/docs/solid/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -31,7 +31,7 @@ export const FilledForm: Story = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/solid/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/solid/login-form-with-play-function.ts.mdx b/docs/snippets/solid/login-form-with-play-function.ts.mdx
index cdbc20f6269b..5a160e258491 100644
--- a/docs/snippets/solid/login-form-with-play-function.ts.mdx
+++ b/docs/snippets/solid/login-form-with-play-function.ts.mdx
@@ -19,7 +19,7 @@ type Story = StoryObj<typeof LoginForm>;
 export const EmptyForm: Story = {};
 
 /*
- * See https://storybook.js.org/docs/solid/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -31,7 +31,7 @@ export const FilledForm: Story = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/solid/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/svelte/button-group-story.js.mdx b/docs/snippets/svelte/button-group-story.js.mdx
index b7172bf69332..b40b40322ee9 100644
--- a/docs/snippets/svelte/button-group-story.js.mdx
+++ b/docs/snippets/svelte/button-group-story.js.mdx
@@ -12,7 +12,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Pair = {
diff --git a/docs/snippets/svelte/button-story-click-handler-simplificated.native-format.mdx b/docs/snippets/svelte/button-story-click-handler-simplificated.native-format.mdx
index 6edaa0d3f921..e5b222215b1c 100644
--- a/docs/snippets/svelte/button-story-click-handler-simplificated.native-format.mdx
+++ b/docs/snippets/svelte/button-story-click-handler-simplificated.native-format.mdx
@@ -7,7 +7,7 @@
 </script>
 
 <!-- 
-  See https://storybook.js.org/docs/svelte/essentials/actions#action-argtype-annotation
+  See https://storybook.js.org/docs/essentials/actions#action-argtype-annotation
   to learn how to set up argTypes for actions
 -->
 
diff --git a/docs/snippets/svelte/button-story-decorator.js.mdx b/docs/snippets/svelte/button-story-decorator.js.mdx
index 255abb8b4989..30413fa807b4 100644
--- a/docs/snippets/svelte/button-story-decorator.js.mdx
+++ b/docs/snippets/svelte/button-story-decorator.js.mdx
@@ -10,7 +10,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/svelte/button-story-decorator.mdx.mdx b/docs/snippets/svelte/button-story-decorator.mdx.mdx
index 34d8914512f8..5abb2d2bf697 100644
--- a/docs/snippets/svelte/button-story-decorator.mdx.mdx
+++ b/docs/snippets/svelte/button-story-decorator.mdx.mdx
@@ -10,7 +10,7 @@ import MarginDecorator from './MarginDecorator.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/button-story-default-docs-code.js.mdx b/docs/snippets/svelte/button-story-default-docs-code.js.mdx
index d2d43713b669..8d611fa95a96 100644
--- a/docs/snippets/svelte/button-story-default-docs-code.js.mdx
+++ b/docs/snippets/svelte/button-story-default-docs-code.js.mdx
@@ -5,7 +5,7 @@ import Button from './Button.svelte';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/svelte/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/svelte/button-story-rename-story.js.mdx b/docs/snippets/svelte/button-story-rename-story.js.mdx
index 436d2d3f1755..98878eb564d9 100644
--- a/docs/snippets/svelte/button-story-rename-story.js.mdx
+++ b/docs/snippets/svelte/button-story-rename-story.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = ({
diff --git a/docs/snippets/svelte/button-story-using-args.js.mdx b/docs/snippets/svelte/button-story-using-args.js.mdx
index b5a1ed944f9c..64dd4cd5f58b 100644
--- a/docs/snippets/svelte/button-story-using-args.js.mdx
+++ b/docs/snippets/svelte/button-story-using-args.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/svelte/button-story-with-addon-example.js.mdx b/docs/snippets/svelte/button-story-with-addon-example.js.mdx
index 94c9985a9e4b..33321c6ad741 100644
--- a/docs/snippets/svelte/button-story-with-addon-example.js.mdx
+++ b/docs/snippets/svelte/button-story-with-addon-example.js.mdx
@@ -5,7 +5,7 @@ import Button from './Button.svelte';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/svelte/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -19,7 +19,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic = {
diff --git a/docs/snippets/svelte/button-story-with-args.js.mdx b/docs/snippets/svelte/button-story-with-args.js.mdx
index 5334391185cd..652c4b59d0d0 100644
--- a/docs/snippets/svelte/button-story-with-args.js.mdx
+++ b/docs/snippets/svelte/button-story-with-args.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/svelte/button-story-with-args.mdx.mdx b/docs/snippets/svelte/button-story-with-args.mdx.mdx
index d8794d2c1375..365def163b33 100644
--- a/docs/snippets/svelte/button-story-with-args.mdx.mdx
+++ b/docs/snippets/svelte/button-story-with-args.mdx.mdx
@@ -9,7 +9,7 @@ import Button from './Button.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/button-story-with-args.ts-4-9.mdx b/docs/snippets/svelte/button-story-with-args.ts-4-9.mdx
index 6d780e370dfa..045361662c3e 100644
--- a/docs/snippets/svelte/button-story-with-args.ts-4-9.mdx
+++ b/docs/snippets/svelte/button-story-with-args.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/svelte/button-story-with-args.ts.mdx b/docs/snippets/svelte/button-story-with-args.ts.mdx
index cee784e8c3c0..ee49e33b2069 100644
--- a/docs/snippets/svelte/button-story-with-args.ts.mdx
+++ b/docs/snippets/svelte/button-story-with-args.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/svelte/button-story-with-emojis.js.mdx b/docs/snippets/svelte/button-story-with-emojis.js.mdx
index 72f2f225faa7..c6b199b35f0d 100644
--- a/docs/snippets/svelte/button-story-with-emojis.js.mdx
+++ b/docs/snippets/svelte/button-story-with-emojis.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/svelte/button-story-with-emojis.mdx.mdx b/docs/snippets/svelte/button-story-with-emojis.mdx.mdx
index bc3aa748bdc7..00fa74f2c06f 100644
--- a/docs/snippets/svelte/button-story-with-emojis.mdx.mdx
+++ b/docs/snippets/svelte/button-story-with-emojis.mdx.mdx
@@ -9,7 +9,7 @@ import Button from './Button.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/button-story.js.mdx b/docs/snippets/svelte/button-story.js.mdx
index dfc35a4009b5..4f71c549c49c 100644
--- a/docs/snippets/svelte/button-story.js.mdx
+++ b/docs/snippets/svelte/button-story.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/svelte/button-story.mdx.mdx b/docs/snippets/svelte/button-story.mdx.mdx
index ff4e93045fcf..863161bf7248 100644
--- a/docs/snippets/svelte/button-story.mdx.mdx
+++ b/docs/snippets/svelte/button-story.mdx.mdx
@@ -11,7 +11,7 @@ import Button from './Button.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/button-story.ts-4-9.mdx b/docs/snippets/svelte/button-story.ts-4-9.mdx
index 4553efbb1fa0..c5a3be16a646 100644
--- a/docs/snippets/svelte/button-story.ts-4-9.mdx
+++ b/docs/snippets/svelte/button-story.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/svelte/button-story.ts.mdx b/docs/snippets/svelte/button-story.ts.mdx
index 71fd009b30f5..04f4b63d9c0c 100644
--- a/docs/snippets/svelte/button-story.ts.mdx
+++ b/docs/snippets/svelte/button-story.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/svelte/checkbox-story.mdx.mdx b/docs/snippets/svelte/checkbox-story.mdx.mdx
index 4cd1839a4063..7359621ab606 100644
--- a/docs/snippets/svelte/checkbox-story.mdx.mdx
+++ b/docs/snippets/svelte/checkbox-story.mdx.mdx
@@ -9,7 +9,7 @@ import Checkbox from './Checkbox.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/component-story-figma-integration.js.mdx b/docs/snippets/svelte/component-story-figma-integration.js.mdx
index 3b597ddbfee4..b966fe7a2829 100644
--- a/docs/snippets/svelte/component-story-figma-integration.js.mdx
+++ b/docs/snippets/svelte/component-story-figma-integration.js.mdx
@@ -3,7 +3,7 @@
 
 import MyComponent from './MyComponent.svelte';
 
-// More on default export: https://storybook.js.org/docs/svelte/writing-stories/introduction#default-export
+// More on default export: https://storybook.js.org/docs/writing-stories/introduction#default-export
 export default {
   component: { MyComponent },
 };
diff --git a/docs/snippets/svelte/component-story-figma-integration.mdx.mdx b/docs/snippets/svelte/component-story-figma-integration.mdx.mdx
index d612c1cb4393..f28ee0608e39 100644
--- a/docs/snippets/svelte/component-story-figma-integration.mdx.mdx
+++ b/docs/snippets/svelte/component-story-figma-integration.mdx.mdx
@@ -12,7 +12,7 @@ import MyComponent from './MyComponent.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/component-story-mdx-story-by-name.mdx.mdx b/docs/snippets/svelte/component-story-mdx-story-by-name.mdx.mdx
index 0be98ac53245..449383141f75 100644
--- a/docs/snippets/svelte/component-story-mdx-story-by-name.mdx.mdx
+++ b/docs/snippets/svelte/component-story-mdx-story-by-name.mdx.mdx
@@ -9,7 +9,7 @@ import Button from './Button.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/component-story-static-asset-cdn.mdx.mdx b/docs/snippets/svelte/component-story-static-asset-cdn.mdx.mdx
index 607de516ccba..c2704b49bbd4 100644
--- a/docs/snippets/svelte/component-story-static-asset-cdn.mdx.mdx
+++ b/docs/snippets/svelte/component-story-static-asset-cdn.mdx.mdx
@@ -9,7 +9,7 @@ import MyComponent from './MyComponent.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/component-story-static-asset-with-import.mdx.mdx b/docs/snippets/svelte/component-story-static-asset-with-import.mdx.mdx
index fca153c49e57..0b688fa554de 100644
--- a/docs/snippets/svelte/component-story-static-asset-with-import.mdx.mdx
+++ b/docs/snippets/svelte/component-story-static-asset-with-import.mdx.mdx
@@ -11,7 +11,7 @@ import imageFile from './static/image.png';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/component-story-with-accessibility.mdx.mdx b/docs/snippets/svelte/component-story-with-accessibility.mdx.mdx
index bf7833d0b35b..173dc60e1691 100644
--- a/docs/snippets/svelte/component-story-with-accessibility.mdx.mdx
+++ b/docs/snippets/svelte/component-story-with-accessibility.mdx.mdx
@@ -18,7 +18,7 @@ import Button from './Button.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/histogram-story.js.mdx b/docs/snippets/svelte/histogram-story.js.mdx
index a3f8a27065d9..b422653fdb7a 100644
--- a/docs/snippets/svelte/histogram-story.js.mdx
+++ b/docs/snippets/svelte/histogram-story.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default = {
diff --git a/docs/snippets/svelte/histogram-story.mdx.mdx b/docs/snippets/svelte/histogram-story.mdx.mdx
index 06f1787be509..c17806227f8d 100644
--- a/docs/snippets/svelte/histogram-story.mdx.mdx
+++ b/docs/snippets/svelte/histogram-story.mdx.mdx
@@ -9,7 +9,7 @@ import Histogram from './Histogram.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/histogram-story.ts-4-9.mdx b/docs/snippets/svelte/histogram-story.ts-4-9.mdx
index 634f710bfa23..c265b76af911 100644
--- a/docs/snippets/svelte/histogram-story.ts-4-9.mdx
+++ b/docs/snippets/svelte/histogram-story.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default: Story = {
diff --git a/docs/snippets/svelte/histogram-story.ts.mdx b/docs/snippets/svelte/histogram-story.ts.mdx
index 2aeb83c2ae9e..e1451615407b 100644
--- a/docs/snippets/svelte/histogram-story.ts.mdx
+++ b/docs/snippets/svelte/histogram-story.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default: Story = {
diff --git a/docs/snippets/svelte/loader-story.js.mdx b/docs/snippets/svelte/loader-story.js.mdx
index 474e6c781c8d..f768ba12b62d 100644
--- a/docs/snippets/svelte/loader-story.js.mdx
+++ b/docs/snippets/svelte/loader-story.js.mdx
@@ -11,7 +11,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/svelte/loader-story.mdx.mdx b/docs/snippets/svelte/loader-story.mdx.mdx
index 7ded8fc8de92..d6cc1e15fb76 100644
--- a/docs/snippets/svelte/loader-story.mdx.mdx
+++ b/docs/snippets/svelte/loader-story.mdx.mdx
@@ -11,7 +11,7 @@ import fetch from 'node-fetch';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/login-form-with-play-function.js.mdx b/docs/snippets/svelte/login-form-with-play-function.js.mdx
index c4b1565ffaf4..ea1f9a1bec3c 100644
--- a/docs/snippets/svelte/login-form-with-play-function.js.mdx
+++ b/docs/snippets/svelte/login-form-with-play-function.js.mdx
@@ -13,7 +13,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const EmptyForm = {
@@ -24,7 +24,7 @@ export const EmptyForm = {
 };
 
 /*
- * See https://storybook.js.org/docs/svelte/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm = {
@@ -40,7 +40,7 @@ export const FilledForm = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/svelte/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/svelte/login-form-with-play-function.mdx.mdx b/docs/snippets/svelte/login-form-with-play-function.mdx.mdx
index 920ff153f5bc..bc4fca63ad11 100644
--- a/docs/snippets/svelte/login-form-with-play-function.mdx.mdx
+++ b/docs/snippets/svelte/login-form-with-play-function.mdx.mdx
@@ -13,7 +13,7 @@ import LoginForm from './LoginForm.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
@@ -39,7 +39,7 @@ import LoginForm from './LoginForm.svelte';
       
       await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-      // See https://storybook.js.org/docs/svelte/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+      // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
       await userEvent.click(canvas.getByRole('button'));
 
       // 👇 Assert DOM structure
diff --git a/docs/snippets/svelte/mdx-canvas-multiple-stories.mdx.mdx b/docs/snippets/svelte/mdx-canvas-multiple-stories.mdx.mdx
index 763fbc2057fe..09c2626f435f 100644
--- a/docs/snippets/svelte/mdx-canvas-multiple-stories.mdx.mdx
+++ b/docs/snippets/svelte/mdx-canvas-multiple-stories.mdx.mdx
@@ -9,7 +9,7 @@ import Badge from './Badge.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/my-component-story-configure-viewports.mdx.mdx b/docs/snippets/svelte/my-component-story-configure-viewports.mdx.mdx
index 076245d67a68..b3b0ee79076e 100644
--- a/docs/snippets/svelte/my-component-story-configure-viewports.mdx.mdx
+++ b/docs/snippets/svelte/my-component-story-configure-viewports.mdx.mdx
@@ -19,7 +19,7 @@ import MyComponent from './MyComponent.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/my-component-story-use-globaltype.mdx.mdx b/docs/snippets/svelte/my-component-story-use-globaltype.mdx.mdx
index fdd3a189307e..56de0d43fdc5 100644
--- a/docs/snippets/svelte/my-component-story-use-globaltype.mdx.mdx
+++ b/docs/snippets/svelte/my-component-story-use-globaltype.mdx.mdx
@@ -20,7 +20,7 @@ export const getCaptionForLocale = (locale) => {
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/my-component-with-env-variables.mdx.mdx b/docs/snippets/svelte/my-component-with-env-variables.mdx.mdx
index b828c96c364b..75d7cbe6b30a 100644
--- a/docs/snippets/svelte/my-component-with-env-variables.mdx.mdx
+++ b/docs/snippets/svelte/my-component-with-env-variables.mdx.mdx
@@ -9,7 +9,7 @@ import MyComponent from './MyComponent.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/page-story.js.mdx b/docs/snippets/svelte/page-story.js.mdx
index d55dc030dc0d..287abf710838 100644
--- a/docs/snippets/svelte/page-story.js.mdx
+++ b/docs/snippets/svelte/page-story.js.mdx
@@ -12,7 +12,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const LoggedIn = {
diff --git a/docs/snippets/svelte/storybook-addon-a11y-disable.mdx.mdx b/docs/snippets/svelte/storybook-addon-a11y-disable.mdx.mdx
index ed29878a5432..c2e5d4ff3ee5 100644
--- a/docs/snippets/svelte/storybook-addon-a11y-disable.mdx.mdx
+++ b/docs/snippets/svelte/storybook-addon-a11y-disable.mdx.mdx
@@ -11,7 +11,7 @@ import MyComponent from './MyComponent.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/storybook-addon-a11y-story-config.mdx.mdx b/docs/snippets/svelte/storybook-addon-a11y-story-config.mdx.mdx
index 2df1cfa885a9..503c7230d71f 100644
--- a/docs/snippets/svelte/storybook-addon-a11y-story-config.mdx.mdx
+++ b/docs/snippets/svelte/storybook-addon-a11y-story-config.mdx.mdx
@@ -11,7 +11,7 @@ import MyComponent from './MyComponent.svelte';
 
 <!--
  👇 Render functions are a framework specific feature to allow you control on how the component renders.
-  See https://storybook.js.org/docs/svelte/api/csf
+  See https://storybook.js.org/docs/api/csf
   to learn how to use render functions.
 -->
 
diff --git a/docs/snippets/svelte/your-component.js.mdx b/docs/snippets/svelte/your-component.js.mdx
index b11b6e63c529..50e7a8288c3a 100644
--- a/docs/snippets/svelte/your-component.js.mdx
+++ b/docs/snippets/svelte/your-component.js.mdx
@@ -10,7 +10,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/svelte/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const FirstStory = {
diff --git a/docs/snippets/vue/button-group-story.2.js.mdx b/docs/snippets/vue/button-group-story.2.js.mdx
index f946fe81190a..afd2d26a7bbc 100644
--- a/docs/snippets/vue/button-group-story.2.js.mdx
+++ b/docs/snippets/vue/button-group-story.2.js.mdx
@@ -12,7 +12,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Pair = {
diff --git a/docs/snippets/vue/button-group-story.3.js.mdx b/docs/snippets/vue/button-group-story.3.js.mdx
index cb418ce78bef..bc008354e852 100644
--- a/docs/snippets/vue/button-group-story.3.js.mdx
+++ b/docs/snippets/vue/button-group-story.3.js.mdx
@@ -12,7 +12,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Pair = {
diff --git a/docs/snippets/vue/button-story-decorator.js.mdx b/docs/snippets/vue/button-story-decorator.js.mdx
index 6fb9ec55de09..7777897e73f5 100644
--- a/docs/snippets/vue/button-story-decorator.js.mdx
+++ b/docs/snippets/vue/button-story-decorator.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/vue/button-story-decorator.ts-4-9.mdx b/docs/snippets/vue/button-story-decorator.ts-4-9.mdx
index 37c6a5cf2a2e..98ec477e6cd8 100644
--- a/docs/snippets/vue/button-story-decorator.ts-4-9.mdx
+++ b/docs/snippets/vue/button-story-decorator.ts-4-9.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-decorator.ts.mdx b/docs/snippets/vue/button-story-decorator.ts.mdx
index ea41a8de08b0..89aeb6cee7ae 100644
--- a/docs/snippets/vue/button-story-decorator.ts.mdx
+++ b/docs/snippets/vue/button-story-decorator.ts.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-rename-story.js.mdx b/docs/snippets/vue/button-story-rename-story.js.mdx
index 42e85ddb0b68..ca1dad8316bb 100644
--- a/docs/snippets/vue/button-story-rename-story.js.mdx
+++ b/docs/snippets/vue/button-story-rename-story.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/vue/button-story-rename-story.ts-4-9.mdx b/docs/snippets/vue/button-story-rename-story.ts-4-9.mdx
index 878dfe065dd6..e51dd72a02d3 100644
--- a/docs/snippets/vue/button-story-rename-story.ts-4-9.mdx
+++ b/docs/snippets/vue/button-story-rename-story.ts-4-9.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-rename-story.ts.mdx b/docs/snippets/vue/button-story-rename-story.ts.mdx
index 30d38983f8e0..ec23f09014b3 100644
--- a/docs/snippets/vue/button-story-rename-story.ts.mdx
+++ b/docs/snippets/vue/button-story-rename-story.ts.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-using-args.2.js.mdx b/docs/snippets/vue/button-story-using-args.2.js.mdx
index 6789b70fe03c..e99e4d0e1cb9 100644
--- a/docs/snippets/vue/button-story-using-args.2.js.mdx
+++ b/docs/snippets/vue/button-story-using-args.2.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/vue/button-story-using-args.2.ts-4-9.mdx b/docs/snippets/vue/button-story-using-args.2.ts-4-9.mdx
index d0020f05a17d..ede87c07f157 100644
--- a/docs/snippets/vue/button-story-using-args.2.ts-4-9.mdx
+++ b/docs/snippets/vue/button-story-using-args.2.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-using-args.2.ts.mdx b/docs/snippets/vue/button-story-using-args.2.ts.mdx
index 03cf3af9d6fc..8d34d96807a3 100644
--- a/docs/snippets/vue/button-story-using-args.2.ts.mdx
+++ b/docs/snippets/vue/button-story-using-args.2.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-using-args.3.js.mdx b/docs/snippets/vue/button-story-using-args.3.js.mdx
index 93cd24bdf957..0d37c3922002 100644
--- a/docs/snippets/vue/button-story-using-args.3.js.mdx
+++ b/docs/snippets/vue/button-story-using-args.3.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/vue/button-story-using-args.3.ts-4-9.mdx b/docs/snippets/vue/button-story-using-args.3.ts-4-9.mdx
index ad704be7353e..115cc60552b8 100644
--- a/docs/snippets/vue/button-story-using-args.3.ts-4-9.mdx
+++ b/docs/snippets/vue/button-story-using-args.3.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-using-args.3.ts.mdx b/docs/snippets/vue/button-story-using-args.3.ts.mdx
index f7664df7ffab..5e3f566a32c3 100644
--- a/docs/snippets/vue/button-story-using-args.3.ts.mdx
+++ b/docs/snippets/vue/button-story-using-args.3.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-with-addon-example.js.mdx b/docs/snippets/vue/button-story-with-addon-example.js.mdx
index a32d26632dd9..5b23a583e9f8 100644
--- a/docs/snippets/vue/button-story-with-addon-example.js.mdx
+++ b/docs/snippets/vue/button-story-with-addon-example.js.mdx
@@ -5,7 +5,7 @@ import Button from './Button.vue';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
diff --git a/docs/snippets/vue/button-story-with-addon-example.ts-4-9.mdx b/docs/snippets/vue/button-story-with-addon-example.ts-4-9.mdx
index 4e9fc2d7f1c1..511699adca85 100644
--- a/docs/snippets/vue/button-story-with-addon-example.ts-4-9.mdx
+++ b/docs/snippets/vue/button-story-with-addon-example.ts-4-9.mdx
@@ -8,7 +8,7 @@ import Button from './Button.vue';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -26,7 +26,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic: Story = {
diff --git a/docs/snippets/vue/button-story-with-addon-example.ts.mdx b/docs/snippets/vue/button-story-with-addon-example.ts.mdx
index 7f70b6a6892d..aad5bd589385 100644
--- a/docs/snippets/vue/button-story-with-addon-example.ts.mdx
+++ b/docs/snippets/vue/button-story-with-addon-example.ts.mdx
@@ -8,7 +8,7 @@ import Button from './Button.vue';
 
 const meta: Meta<typeof Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -26,7 +26,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic: Story = {
diff --git a/docs/snippets/vue/button-story-with-args.2.js.mdx b/docs/snippets/vue/button-story-with-args.2.js.mdx
index 3c0bb01b1cba..c8b4e2026fea 100644
--- a/docs/snippets/vue/button-story-with-args.2.js.mdx
+++ b/docs/snippets/vue/button-story-with-args.2.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/vue/button-story-with-args.2.ts-4-9.mdx b/docs/snippets/vue/button-story-with-args.2.ts-4-9.mdx
index 030eb1fb9346..8b4fce794c6b 100644
--- a/docs/snippets/vue/button-story-with-args.2.ts-4-9.mdx
+++ b/docs/snippets/vue/button-story-with-args.2.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-with-args.2.ts.mdx b/docs/snippets/vue/button-story-with-args.2.ts.mdx
index e04f170987c6..2e1500224d00 100644
--- a/docs/snippets/vue/button-story-with-args.2.ts.mdx
+++ b/docs/snippets/vue/button-story-with-args.2.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-with-args.3.js.mdx b/docs/snippets/vue/button-story-with-args.3.js.mdx
index ae20e71bd125..1bfc58e1ae2f 100644
--- a/docs/snippets/vue/button-story-with-args.3.js.mdx
+++ b/docs/snippets/vue/button-story-with-args.3.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/vue/button-story-with-args.3.ts-4-9.mdx b/docs/snippets/vue/button-story-with-args.3.ts-4-9.mdx
index 7e4225a5d5ea..09d9252fcb2f 100644
--- a/docs/snippets/vue/button-story-with-args.3.ts-4-9.mdx
+++ b/docs/snippets/vue/button-story-with-args.3.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-with-args.3.ts.mdx b/docs/snippets/vue/button-story-with-args.3.ts.mdx
index a77183621247..6c7c65c594c9 100644
--- a/docs/snippets/vue/button-story-with-args.3.ts.mdx
+++ b/docs/snippets/vue/button-story-with-args.3.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-with-emojis.js.mdx b/docs/snippets/vue/button-story-with-emojis.js.mdx
index b3d34beb1ed1..7ae7e6b66d0c 100644
--- a/docs/snippets/vue/button-story-with-emojis.js.mdx
+++ b/docs/snippets/vue/button-story-with-emojis.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/vue/button-story-with-emojis.ts-4-9.mdx b/docs/snippets/vue/button-story-with-emojis.ts-4-9.mdx
index 521e7e8fd5a6..bd6605a8a731 100644
--- a/docs/snippets/vue/button-story-with-emojis.ts-4-9.mdx
+++ b/docs/snippets/vue/button-story-with-emojis.ts-4-9.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story-with-emojis.ts.mdx b/docs/snippets/vue/button-story-with-emojis.ts.mdx
index 4ad8095fcff9..1c6bd08651ff 100644
--- a/docs/snippets/vue/button-story-with-emojis.ts.mdx
+++ b/docs/snippets/vue/button-story-with-emojis.ts.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story.js.mdx b/docs/snippets/vue/button-story.js.mdx
index c4b30351962f..6447138b12ef 100644
--- a/docs/snippets/vue/button-story.js.mdx
+++ b/docs/snippets/vue/button-story.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/vue/button-story.ts-4-9.mdx b/docs/snippets/vue/button-story.ts-4-9.mdx
index 4303db29e3f3..d63b1e16b3a1 100644
--- a/docs/snippets/vue/button-story.ts-4-9.mdx
+++ b/docs/snippets/vue/button-story.ts-4-9.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/button-story.ts.mdx b/docs/snippets/vue/button-story.ts.mdx
index 9dc7c8f73a1d..80ae2b9b2c17 100644
--- a/docs/snippets/vue/button-story.ts.mdx
+++ b/docs/snippets/vue/button-story.ts.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/component-story-figma-integration.js.mdx b/docs/snippets/vue/component-story-figma-integration.js.mdx
index d7b5237e07a1..a8494d992d88 100644
--- a/docs/snippets/vue/component-story-figma-integration.js.mdx
+++ b/docs/snippets/vue/component-story-figma-integration.js.mdx
@@ -3,7 +3,7 @@
 
 import MyComponent from './MyComponent.vue';
 
-// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
+// More on default export: https://storybook.js.org/docs/writing-stories/introduction#default-export
 export default {
   component: MyComponent,
 };
diff --git a/docs/snippets/vue/component-story-figma-integration.ts-4-9.mdx b/docs/snippets/vue/component-story-figma-integration.ts-4-9.mdx
index fefe563b048d..faa945707aae 100644
--- a/docs/snippets/vue/component-story-figma-integration.ts-4-9.mdx
+++ b/docs/snippets/vue/component-story-figma-integration.ts-4-9.mdx
@@ -6,7 +6,7 @@ import type { Meta, StoryObj } from '@storybook/vue3';
 
 import MyComponent from './MyComponent.vue';
 
-// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
+// More on default export: https://storybook.js.org/docs/writing-stories/introduction#default-export
 const meta = {
   component: MyComponent,
 } satisfies Meta<typeof MyComponent>;
diff --git a/docs/snippets/vue/component-story-figma-integration.ts.mdx b/docs/snippets/vue/component-story-figma-integration.ts.mdx
index 6d656f45d8f2..e26dbc1ca7ff 100644
--- a/docs/snippets/vue/component-story-figma-integration.ts.mdx
+++ b/docs/snippets/vue/component-story-figma-integration.ts.mdx
@@ -6,7 +6,7 @@ import type { Meta, StoryObj } from '@storybook/vue3';
 
 import MyComponent from './MyComponent.vue';
 
-// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
+// More on default export: https://storybook.js.org/docs/writing-stories/introduction#default-export
 const meta: Meta<typeof MyComponent> = {
   component: MyComponent,
 };
diff --git a/docs/snippets/vue/documentscreen-story-msw-graphql-query.js.mdx b/docs/snippets/vue/documentscreen-story-msw-graphql-query.js.mdx
index 6a77f50c0158..56eeb160f08c 100644
--- a/docs/snippets/vue/documentscreen-story-msw-graphql-query.js.mdx
+++ b/docs/snippets/vue/documentscreen-story-msw-graphql-query.js.mdx
@@ -38,7 +38,7 @@ const TestData = {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const MockedSuccess = {
diff --git a/docs/snippets/vue/documentscreen-story-msw-graphql-query.ts-4-9.mdx b/docs/snippets/vue/documentscreen-story-msw-graphql-query.ts-4-9.mdx
index 801b49e5d35f..8698899490f2 100644
--- a/docs/snippets/vue/documentscreen-story-msw-graphql-query.ts-4-9.mdx
+++ b/docs/snippets/vue/documentscreen-story-msw-graphql-query.ts-4-9.mdx
@@ -43,7 +43,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const MockedSuccess: Story = {
diff --git a/docs/snippets/vue/documentscreen-story-msw-graphql-query.ts.mdx b/docs/snippets/vue/documentscreen-story-msw-graphql-query.ts.mdx
index 2d1119e70764..9a23ac3fa68d 100644
--- a/docs/snippets/vue/documentscreen-story-msw-graphql-query.ts.mdx
+++ b/docs/snippets/vue/documentscreen-story-msw-graphql-query.ts.mdx
@@ -43,7 +43,7 @@ type Story = StoryObj<typeof DocumentScreen>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const MockedSuccess: Story = {
diff --git a/docs/snippets/vue/histogram-story.2.js.mdx b/docs/snippets/vue/histogram-story.2.js.mdx
index ad0560e2510f..1554a0108af2 100644
--- a/docs/snippets/vue/histogram-story.2.js.mdx
+++ b/docs/snippets/vue/histogram-story.2.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default = {
diff --git a/docs/snippets/vue/histogram-story.2.ts-4-9.mdx b/docs/snippets/vue/histogram-story.2.ts-4-9.mdx
index 90431598ef62..5b0fd7350f0d 100644
--- a/docs/snippets/vue/histogram-story.2.ts-4-9.mdx
+++ b/docs/snippets/vue/histogram-story.2.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default: Story = {
diff --git a/docs/snippets/vue/histogram-story.2.ts.mdx b/docs/snippets/vue/histogram-story.2.ts.mdx
index cd98e18cf4a3..c31c637b9462 100644
--- a/docs/snippets/vue/histogram-story.2.ts.mdx
+++ b/docs/snippets/vue/histogram-story.2.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Histogram>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default: Story = {
diff --git a/docs/snippets/vue/histogram-story.3.js.mdx b/docs/snippets/vue/histogram-story.3.js.mdx
index 3acbff7e6895..ced9fabe2c93 100644
--- a/docs/snippets/vue/histogram-story.3.js.mdx
+++ b/docs/snippets/vue/histogram-story.3.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default = {
diff --git a/docs/snippets/vue/histogram-story.3.ts-4-9.mdx b/docs/snippets/vue/histogram-story.3.ts-4-9.mdx
index 62b36701fec9..0b681b147295 100644
--- a/docs/snippets/vue/histogram-story.3.ts-4-9.mdx
+++ b/docs/snippets/vue/histogram-story.3.ts-4-9.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default: Story = {
diff --git a/docs/snippets/vue/histogram-story.3.ts.mdx b/docs/snippets/vue/histogram-story.3.ts.mdx
index b38506a54b49..bb07a270ad0c 100644
--- a/docs/snippets/vue/histogram-story.3.ts.mdx
+++ b/docs/snippets/vue/histogram-story.3.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof Histogram>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Default: Story = {
diff --git a/docs/snippets/vue/list-story-expanded.js.mdx b/docs/snippets/vue/list-story-expanded.js.mdx
index e4f432967936..1d0b1a073e88 100644
--- a/docs/snippets/vue/list-story-expanded.js.mdx
+++ b/docs/snippets/vue/list-story-expanded.js.mdx
@@ -10,7 +10,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Empty = {
diff --git a/docs/snippets/vue/list-story-expanded.ts-4-9.mdx b/docs/snippets/vue/list-story-expanded.ts-4-9.mdx
index 3e327a3eb9aa..3f550b5225dc 100644
--- a/docs/snippets/vue/list-story-expanded.ts-4-9.mdx
+++ b/docs/snippets/vue/list-story-expanded.ts-4-9.mdx
@@ -16,7 +16,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Empty: Story = {
diff --git a/docs/snippets/vue/list-story-expanded.ts.mdx b/docs/snippets/vue/list-story-expanded.ts.mdx
index 457ffe638fb3..eb8c470ffa2e 100644
--- a/docs/snippets/vue/list-story-expanded.ts.mdx
+++ b/docs/snippets/vue/list-story-expanded.ts.mdx
@@ -16,7 +16,7 @@ type Story = StoryObj<typeof List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Empty: Story = {
diff --git a/docs/snippets/vue/list-story-reuse-data.2.js.mdx b/docs/snippets/vue/list-story-reuse-data.2.js.mdx
index 6fb197e89bf7..69fdb85ab9df 100644
--- a/docs/snippets/vue/list-story-reuse-data.2.js.mdx
+++ b/docs/snippets/vue/list-story-reuse-data.2.js.mdx
@@ -13,7 +13,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems = {
diff --git a/docs/snippets/vue/list-story-reuse-data.2.ts-4-9.mdx b/docs/snippets/vue/list-story-reuse-data.2.ts-4-9.mdx
index b45c9adcafe9..93782842f166 100644
--- a/docs/snippets/vue/list-story-reuse-data.2.ts-4-9.mdx
+++ b/docs/snippets/vue/list-story-reuse-data.2.ts-4-9.mdx
@@ -18,7 +18,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/vue/list-story-reuse-data.2.ts.mdx b/docs/snippets/vue/list-story-reuse-data.2.ts.mdx
index 78f0c4443f1a..5a5859000d93 100644
--- a/docs/snippets/vue/list-story-reuse-data.2.ts.mdx
+++ b/docs/snippets/vue/list-story-reuse-data.2.ts.mdx
@@ -18,7 +18,7 @@ type Story = StoryObj<typeof List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/vue/list-story-reuse-data.3.js.mdx b/docs/snippets/vue/list-story-reuse-data.3.js.mdx
index 29d8fe3c00f4..d9384dd001d2 100644
--- a/docs/snippets/vue/list-story-reuse-data.3.js.mdx
+++ b/docs/snippets/vue/list-story-reuse-data.3.js.mdx
@@ -13,7 +13,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems = {
diff --git a/docs/snippets/vue/list-story-reuse-data.3.ts-4-9.mdx b/docs/snippets/vue/list-story-reuse-data.3.ts-4-9.mdx
index 06309a60e655..37c83e2a7edc 100644
--- a/docs/snippets/vue/list-story-reuse-data.3.ts-4-9.mdx
+++ b/docs/snippets/vue/list-story-reuse-data.3.ts-4-9.mdx
@@ -18,7 +18,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/vue/list-story-reuse-data.3.ts.mdx b/docs/snippets/vue/list-story-reuse-data.3.ts.mdx
index 8b4b249d8cfd..99c0bde71faa 100644
--- a/docs/snippets/vue/list-story-reuse-data.3.ts.mdx
+++ b/docs/snippets/vue/list-story-reuse-data.3.ts.mdx
@@ -18,7 +18,7 @@ type Story = StoryObj<typeof List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {
diff --git a/docs/snippets/vue/list-story-template.2.js.mdx b/docs/snippets/vue/list-story-template.2.js.mdx
index 6e862b0cba5c..a4f57bb60c8a 100644
--- a/docs/snippets/vue/list-story-template.2.js.mdx
+++ b/docs/snippets/vue/list-story-template.2.js.mdx
@@ -9,7 +9,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/vue/list-story-template.2.ts-4-9.mdx b/docs/snippets/vue/list-story-template.2.ts-4-9.mdx
index e442ead6dd9d..4efaff046ef1 100644
--- a/docs/snippets/vue/list-story-template.2.ts-4-9.mdx
+++ b/docs/snippets/vue/list-story-template.2.ts-4-9.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/vue/list-story-template.2.ts.mdx b/docs/snippets/vue/list-story-template.2.ts.mdx
index 626f065dbce1..49dd1c75f308 100644
--- a/docs/snippets/vue/list-story-template.2.ts.mdx
+++ b/docs/snippets/vue/list-story-template.2.ts.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/vue/list-story-template.3.js.mdx b/docs/snippets/vue/list-story-template.3.js.mdx
index 22308b2610b0..27a387746c88 100644
--- a/docs/snippets/vue/list-story-template.3.js.mdx
+++ b/docs/snippets/vue/list-story-template.3.js.mdx
@@ -9,7 +9,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/vue/list-story-template.3.ts-4-9.mdx b/docs/snippets/vue/list-story-template.3.ts-4-9.mdx
index d31f39434203..f07b5e2b3ef7 100644
--- a/docs/snippets/vue/list-story-template.3.ts-4-9.mdx
+++ b/docs/snippets/vue/list-story-template.3.ts-4-9.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/vue/list-story-template.3.ts.mdx b/docs/snippets/vue/list-story-template.3.ts.mdx
index 56c11ec00844..8c02db1863f4 100644
--- a/docs/snippets/vue/list-story-template.3.ts.mdx
+++ b/docs/snippets/vue/list-story-template.3.ts.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
diff --git a/docs/snippets/vue/list-story-unchecked.2.js.mdx b/docs/snippets/vue/list-story-unchecked.2.js.mdx
index 5dc760996f2b..238132294752 100644
--- a/docs/snippets/vue/list-story-unchecked.2.js.mdx
+++ b/docs/snippets/vue/list-story-unchecked.2.js.mdx
@@ -9,7 +9,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -17,7 +17,7 @@ export default {
 };
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem = {
diff --git a/docs/snippets/vue/list-story-unchecked.2.ts-4-9.mdx b/docs/snippets/vue/list-story-unchecked.2.ts-4-9.mdx
index f077ced3ad01..5afc3ac49323 100644
--- a/docs/snippets/vue/list-story-unchecked.2.ts-4-9.mdx
+++ b/docs/snippets/vue/list-story-unchecked.2.ts-4-9.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -23,7 +23,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {
diff --git a/docs/snippets/vue/list-story-unchecked.2.ts.mdx b/docs/snippets/vue/list-story-unchecked.2.ts.mdx
index 31b58c39b339..f6fcbaee76dc 100644
--- a/docs/snippets/vue/list-story-unchecked.2.ts.mdx
+++ b/docs/snippets/vue/list-story-unchecked.2.ts.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -23,7 +23,7 @@ type Story = StoryObj<typeof List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {
diff --git a/docs/snippets/vue/list-story-unchecked.3.js.mdx b/docs/snippets/vue/list-story-unchecked.3.js.mdx
index f037bd052b63..f8077cbcec89 100644
--- a/docs/snippets/vue/list-story-unchecked.3.js.mdx
+++ b/docs/snippets/vue/list-story-unchecked.3.js.mdx
@@ -9,7 +9,7 @@ import { Unchecked } from './ListItem.stories';
 
 export default {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -18,7 +18,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem = {
diff --git a/docs/snippets/vue/list-story-unchecked.3.ts-4-9.mdx b/docs/snippets/vue/list-story-unchecked.3.ts-4-9.mdx
index f571f2c7c0f0..d1a560923e70 100644
--- a/docs/snippets/vue/list-story-unchecked.3.ts-4-9.mdx
+++ b/docs/snippets/vue/list-story-unchecked.3.ts-4-9.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -23,7 +23,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {
diff --git a/docs/snippets/vue/list-story-unchecked.3.ts.mdx b/docs/snippets/vue/list-story-unchecked.3.ts.mdx
index ab51892b425d..d91bb998c023 100644
--- a/docs/snippets/vue/list-story-unchecked.3.ts.mdx
+++ b/docs/snippets/vue/list-story-unchecked.3.ts.mdx
@@ -11,7 +11,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<typeof List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -23,7 +23,7 @@ type Story = StoryObj<typeof List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {
diff --git a/docs/snippets/vue/loader-story.js.mdx b/docs/snippets/vue/loader-story.js.mdx
index 6294b3e6f5d6..42d26ba62894 100644
--- a/docs/snippets/vue/loader-story.js.mdx
+++ b/docs/snippets/vue/loader-story.js.mdx
@@ -11,7 +11,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/vue/loader-story.ts-4-9.mdx b/docs/snippets/vue/loader-story.ts-4-9.mdx
index 7beb2ab4d477..e26b78d0e145 100644
--- a/docs/snippets/vue/loader-story.ts-4-9.mdx
+++ b/docs/snippets/vue/loader-story.ts-4-9.mdx
@@ -16,7 +16,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/loader-story.ts.mdx b/docs/snippets/vue/loader-story.ts.mdx
index 0fa62aa418ae..c6728d19e3bb 100644
--- a/docs/snippets/vue/loader-story.ts.mdx
+++ b/docs/snippets/vue/loader-story.ts.mdx
@@ -16,7 +16,7 @@ type Story = StoryObj<typeof TodoItem>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/login-form-with-play-function.js.mdx b/docs/snippets/vue/login-form-with-play-function.js.mdx
index cc049a899f5e..70d3d6c5f8d7 100644
--- a/docs/snippets/vue/login-form-with-play-function.js.mdx
+++ b/docs/snippets/vue/login-form-with-play-function.js.mdx
@@ -19,7 +19,7 @@ export const EmptyForm = {
 };
 
 /*
- * See https://storybook.js.org/docs/vue/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm = {
@@ -35,7 +35,7 @@ export const FilledForm = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/vue/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/vue/login-form-with-play-function.ts-4-9.mdx b/docs/snippets/vue/login-form-with-play-function.ts-4-9.mdx
index 1c23c91321f5..51d1a05cd66b 100644
--- a/docs/snippets/vue/login-form-with-play-function.ts-4-9.mdx
+++ b/docs/snippets/vue/login-form-with-play-function.ts-4-9.mdx
@@ -25,7 +25,7 @@ export const EmptyForm: Story = {
 };
 
 /*
- * See https://storybook.js.org/docs/vue/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -41,7 +41,7 @@ export const FilledForm: Story = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/vue/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/vue/login-form-with-play-function.ts.mdx b/docs/snippets/vue/login-form-with-play-function.ts.mdx
index 259cf5aa6bf3..43b04ef62265 100644
--- a/docs/snippets/vue/login-form-with-play-function.ts.mdx
+++ b/docs/snippets/vue/login-form-with-play-function.ts.mdx
@@ -25,7 +25,7 @@ export const EmptyForm: Story = {
 };
 
 /*
- * See https://storybook.js.org/docs/vue/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -41,7 +41,7 @@ export const FilledForm: Story = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/vue/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/vue/page-story.2.-ts-4-9.mdx b/docs/snippets/vue/page-story.2.-ts-4-9.mdx
index 2d2c46a5903c..cfc4f0843390 100644
--- a/docs/snippets/vue/page-story.2.-ts-4-9.mdx
+++ b/docs/snippets/vue/page-story.2.-ts-4-9.mdx
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/page-story.2.js.mdx b/docs/snippets/vue/page-story.2.js.mdx
index 98ae26c35541..9b5ab6893dc3 100644
--- a/docs/snippets/vue/page-story.2.js.mdx
+++ b/docs/snippets/vue/page-story.2.js.mdx
@@ -12,7 +12,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const LoggedIn = {
diff --git a/docs/snippets/vue/page-story.2.ts.mdx b/docs/snippets/vue/page-story.2.ts.mdx
index bf1d063780cb..7715c422feaa 100644
--- a/docs/snippets/vue/page-story.2.ts.mdx
+++ b/docs/snippets/vue/page-story.2.ts.mdx
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof Page>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/page-story.3.js.mdx b/docs/snippets/vue/page-story.3.js.mdx
index 89ddd08f701c..6fd0d34da7d0 100644
--- a/docs/snippets/vue/page-story.3.js.mdx
+++ b/docs/snippets/vue/page-story.3.js.mdx
@@ -12,7 +12,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const LoggedIn = {
diff --git a/docs/snippets/vue/page-story.3.ts-4-9.mdx b/docs/snippets/vue/page-story.3.ts-4-9.mdx
index 576d5ed65c04..7bc744a2b75b 100644
--- a/docs/snippets/vue/page-story.3.ts-4-9.mdx
+++ b/docs/snippets/vue/page-story.3.ts-4-9.mdx
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/page-story.3.ts.mdx b/docs/snippets/vue/page-story.3.ts.mdx
index a2155000b50a..b0914e00a56d 100644
--- a/docs/snippets/vue/page-story.3.ts.mdx
+++ b/docs/snippets/vue/page-story.3.ts.mdx
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof Page>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/your-component.2.ts-4-9.mdx b/docs/snippets/vue/your-component.2.ts-4-9.mdx
index ed3a1a6cd67c..21fb29d0a752 100644
--- a/docs/snippets/vue/your-component.2.ts-4-9.mdx
+++ b/docs/snippets/vue/your-component.2.ts-4-9.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const FirstStory: Story = {
diff --git a/docs/snippets/vue/your-component.2.ts.mdx b/docs/snippets/vue/your-component.2.ts.mdx
index 74dfd2ab8019..be0ab64151f8 100644
--- a/docs/snippets/vue/your-component.2.ts.mdx
+++ b/docs/snippets/vue/your-component.2.ts.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof YourComponent>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const FirstStory: Story = {
diff --git a/docs/snippets/vue/your-component.3.js.mdx b/docs/snippets/vue/your-component.3.js.mdx
index e95d708270f9..992bcecb2107 100644
--- a/docs/snippets/vue/your-component.3.js.mdx
+++ b/docs/snippets/vue/your-component.3.js.mdx
@@ -10,7 +10,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const FirstStory = {
diff --git a/docs/snippets/vue/your-component.3.ts-4-9.mdx b/docs/snippets/vue/your-component.3.ts-4-9.mdx
index 26fea976a609..647bfa066c25 100644
--- a/docs/snippets/vue/your-component.3.ts-4-9.mdx
+++ b/docs/snippets/vue/your-component.3.ts-4-9.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof meta>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/vue/your-component.3.ts.mdx b/docs/snippets/vue/your-component.3.ts.mdx
index 00a78194a414..21e6a39308f1 100644
--- a/docs/snippets/vue/your-component.3.ts.mdx
+++ b/docs/snippets/vue/your-component.3.ts.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj<typeof YourComponent>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/web-components/button-story-with-addon-example.js.mdx b/docs/snippets/web-components/button-story-with-addon-example.js.mdx
index 5086e4ad0baa..bf9a2d750462 100644
--- a/docs/snippets/web-components/button-story-with-addon-example.js.mdx
+++ b/docs/snippets/web-components/button-story-with-addon-example.js.mdx
@@ -16,7 +16,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/web-components/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic = {
diff --git a/docs/snippets/web-components/button-story-with-addon-example.ts.mdx b/docs/snippets/web-components/button-story-with-addon-example.ts.mdx
index d93fe846a36e..192ab27dde6a 100644
--- a/docs/snippets/web-components/button-story-with-addon-example.ts.mdx
+++ b/docs/snippets/web-components/button-story-with-addon-example.ts.mdx
@@ -21,7 +21,7 @@ type Story = StoryObj;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/web-components/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic: Story = {
diff --git a/docs/snippets/web-components/button-story-with-emojis.js.mdx b/docs/snippets/web-components/button-story-with-emojis.js.mdx
index 071c1273d6b6..fa513ff2ba71 100644
--- a/docs/snippets/web-components/button-story-with-emojis.js.mdx
+++ b/docs/snippets/web-components/button-story-with-emojis.js.mdx
@@ -9,7 +9,7 @@ export default {
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/web-components/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary = {
diff --git a/docs/snippets/web-components/button-story-with-emojis.ts.mdx b/docs/snippets/web-components/button-story-with-emojis.ts.mdx
index d8e5a1b16e60..81a860a6da67 100644
--- a/docs/snippets/web-components/button-story-with-emojis.ts.mdx
+++ b/docs/snippets/web-components/button-story-with-emojis.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/web-components/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {
diff --git a/docs/snippets/web-components/loader-story.js.mdx b/docs/snippets/web-components/loader-story.js.mdx
index 171e48e03950..59536731f6ba 100644
--- a/docs/snippets/web-components/loader-story.js.mdx
+++ b/docs/snippets/web-components/loader-story.js.mdx
@@ -4,7 +4,7 @@
 import fetch from 'node-fetch';
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/web-components/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export default {
diff --git a/docs/snippets/web-components/loader-story.ts.mdx b/docs/snippets/web-components/loader-story.ts.mdx
index bbc8f11885ba..c55f6fe1d098 100644
--- a/docs/snippets/web-components/loader-story.ts.mdx
+++ b/docs/snippets/web-components/loader-story.ts.mdx
@@ -7,7 +7,7 @@ import fetch from 'node-fetch';
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/web-components/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 const meta: Meta = {
diff --git a/docs/snippets/web-components/login-form-with-play-function.js.mdx b/docs/snippets/web-components/login-form-with-play-function.js.mdx
index 1a25db0ad061..6a33387becf1 100644
--- a/docs/snippets/web-components/login-form-with-play-function.js.mdx
+++ b/docs/snippets/web-components/login-form-with-play-function.js.mdx
@@ -11,7 +11,7 @@ export default {
 export const EmptyForm = {};
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm = {
@@ -23,7 +23,7 @@ export const FilledForm = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/web-components/login-form-with-play-function.ts.mdx b/docs/snippets/web-components/login-form-with-play-function.ts.mdx
index 2986e77d5d91..507d4724d4f4 100644
--- a/docs/snippets/web-components/login-form-with-play-function.ts.mdx
+++ b/docs/snippets/web-components/login-form-with-play-function.ts.mdx
@@ -15,7 +15,7 @@ type Story = StoryObj;
 export const EmptyForm: Story = {};
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -27,7 +27,7 @@ export const FilledForm: Story = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure
diff --git a/docs/snippets/web-components/my-component-play-function-alt-queries.js.mdx b/docs/snippets/web-components/my-component-play-function-alt-queries.js.mdx
index bcd1c56d3120..5739e72ba799 100644
--- a/docs/snippets/web-components/my-component-play-function-alt-queries.js.mdx
+++ b/docs/snippets/web-components/my-component-play-function-alt-queries.js.mdx
@@ -7,14 +7,14 @@ export default {
   component: 'demo-my-component',
 };
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleWithRole = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button', { name: / button label/i }));
   },
 };
diff --git a/docs/snippets/web-components/my-component-play-function-alt-queries.ts.mdx b/docs/snippets/web-components/my-component-play-function-alt-queries.ts.mdx
index c375f0e9631a..bca7600d5a7e 100644
--- a/docs/snippets/web-components/my-component-play-function-alt-queries.ts.mdx
+++ b/docs/snippets/web-components/my-component-play-function-alt-queries.ts.mdx
@@ -11,14 +11,14 @@ const meta: Meta = {
 export default meta;
 type Story = StoryObj;
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleWithRole: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button', { name: / button label/i }));
   },
 };
diff --git a/docs/snippets/web-components/my-component-play-function-composition.js.mdx b/docs/snippets/web-components/my-component-play-function-composition.js.mdx
index 5a466a1284a7..6a13341e5f81 100644
--- a/docs/snippets/web-components/my-component-play-function-composition.js.mdx
+++ b/docs/snippets/web-components/my-component-play-function-composition.js.mdx
@@ -8,7 +8,7 @@ export default {
 };
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FirstStory = {
diff --git a/docs/snippets/web-components/my-component-play-function-composition.ts.mdx b/docs/snippets/web-components/my-component-play-function-composition.ts.mdx
index 7970b6ae29d4..06040f21f5e4 100644
--- a/docs/snippets/web-components/my-component-play-function-composition.ts.mdx
+++ b/docs/snippets/web-components/my-component-play-function-composition.ts.mdx
@@ -12,7 +12,7 @@ export default meta;
 type Story = StoryObj;
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FirstStory: Story = {
diff --git a/docs/snippets/web-components/my-component-play-function-query-findby.js.mdx b/docs/snippets/web-components/my-component-play-function-query-findby.js.mdx
index 4361d736a70b..8f5b06333620 100644
--- a/docs/snippets/web-components/my-component-play-function-query-findby.js.mdx
+++ b/docs/snippets/web-components/my-component-play-function-query-findby.js.mdx
@@ -7,7 +7,7 @@ export default {
   component: 'demo-my-component',
 };
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const AsyncExample = {
diff --git a/docs/snippets/web-components/my-component-play-function-query-findby.ts.mdx b/docs/snippets/web-components/my-component-play-function-query-findby.ts.mdx
index 952b00d663bc..441d59bdd1c6 100644
--- a/docs/snippets/web-components/my-component-play-function-query-findby.ts.mdx
+++ b/docs/snippets/web-components/my-component-play-function-query-findby.ts.mdx
@@ -11,7 +11,7 @@ const meta: Meta = {
 export default meta;
 type Story = StoryObj;
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const AsyncExample: Story = {
diff --git a/docs/snippets/web-components/my-component-play-function-waitfor.js.mdx b/docs/snippets/web-components/my-component-play-function-waitfor.js.mdx
index 7aade864977b..4f5782b072c8 100644
--- a/docs/snippets/web-components/my-component-play-function-waitfor.js.mdx
+++ b/docs/snippets/web-components/my-component-play-function-waitfor.js.mdx
@@ -7,7 +7,7 @@ export default {
   component: 'demo-my-component',
 };
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleAsyncStory = {
@@ -22,7 +22,7 @@ export const ExampleAsyncStory = {
       delay: 100,
     });
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const Submit = canvas.getByRole('button');
     await userEvent.click(Submit);
 
diff --git a/docs/snippets/web-components/my-component-play-function-waitfor.ts.mdx b/docs/snippets/web-components/my-component-play-function-waitfor.ts.mdx
index 5adc379bee83..4adc9e0992f8 100644
--- a/docs/snippets/web-components/my-component-play-function-waitfor.ts.mdx
+++ b/docs/snippets/web-components/my-component-play-function-waitfor.ts.mdx
@@ -11,7 +11,7 @@ const meta: Meta = {
 export default meta;
 type Story = StoryObj;
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleAsyncStory: Story = {
@@ -26,7 +26,7 @@ export const ExampleAsyncStory: Story = {
       delay: 100,
     });
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const Submit = canvas.getByRole('button');
     await userEvent.click(Submit);
 
diff --git a/docs/snippets/web-components/my-component-play-function-with-clickevent.js.mdx b/docs/snippets/web-components/my-component-play-function-with-clickevent.js.mdx
index 05c1fe97bb65..4e0e2860a177 100644
--- a/docs/snippets/web-components/my-component-play-function-with-clickevent.js.mdx
+++ b/docs/snippets/web-components/my-component-play-function-with-clickevent.js.mdx
@@ -7,14 +7,14 @@ export default {
   component: 'demo-my-component',
 };
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ClickExample = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
   },
 };
@@ -23,7 +23,7 @@ export const FireEventExample = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await fireEvent.click(canvas.getByTestId('data-testid'));
   },
 };
diff --git a/docs/snippets/web-components/my-component-play-function-with-clickevent.ts.mdx b/docs/snippets/web-components/my-component-play-function-with-clickevent.ts.mdx
index 429f38d563e3..02eb3321596d 100644
--- a/docs/snippets/web-components/my-component-play-function-with-clickevent.ts.mdx
+++ b/docs/snippets/web-components/my-component-play-function-with-clickevent.ts.mdx
@@ -11,14 +11,14 @@ const meta: Meta = {
 export default meta;
 type Story = StoryObj;
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ClickExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
   },
 };
@@ -27,7 +27,7 @@ export const FireEventExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await fireEvent.click(canvas.getByTestId('data-testid'));
   },
 };
diff --git a/docs/snippets/web-components/my-component-play-function-with-delay.js.mdx b/docs/snippets/web-components/my-component-play-function-with-delay.js.mdx
index 048158d5ab64..ee590ccfb784 100644
--- a/docs/snippets/web-components/my-component-play-function-with-delay.js.mdx
+++ b/docs/snippets/web-components/my-component-play-function-with-delay.js.mdx
@@ -7,7 +7,7 @@ export default {
   component: 'demo-my-component',
 };
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const DelayedStory = {
diff --git a/docs/snippets/web-components/my-component-play-function-with-delay.ts.mdx b/docs/snippets/web-components/my-component-play-function-with-delay.ts.mdx
index c3ea6b38dc81..8e770cdf55ee 100644
--- a/docs/snippets/web-components/my-component-play-function-with-delay.ts.mdx
+++ b/docs/snippets/web-components/my-component-play-function-with-delay.ts.mdx
@@ -11,7 +11,7 @@ const meta: Meta = {
 export default meta;
 type Story = StoryObj;
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const DelayedStory: Story = {
diff --git a/docs/snippets/web-components/my-component-play-function-with-selectevent.js.mdx b/docs/snippets/web-components/my-component-play-function-with-selectevent.js.mdx
index 154f141610b2..bc35873cf998 100644
--- a/docs/snippets/web-components/my-component-play-function-with-selectevent.js.mdx
+++ b/docs/snippets/web-components/my-component-play-function-with-selectevent.js.mdx
@@ -12,7 +12,7 @@ function sleep(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleChangeEvent = {
diff --git a/docs/snippets/web-components/my-component-play-function-with-selectevent.ts.mdx b/docs/snippets/web-components/my-component-play-function-with-selectevent.ts.mdx
index f7782aef7c9b..e9e9d1083a64 100644
--- a/docs/snippets/web-components/my-component-play-function-with-selectevent.ts.mdx
+++ b/docs/snippets/web-components/my-component-play-function-with-selectevent.ts.mdx
@@ -16,7 +16,7 @@ function sleep(ms: number) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
-/* See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+/* See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleChangeEvent: Story = {
diff --git a/docs/snippets/web-components/my-component-story-use-globaltype-backwards-compat.js.mdx b/docs/snippets/web-components/my-component-story-use-globaltype-backwards-compat.js.mdx
index 10c733790051..76acfbb14c6e 100644
--- a/docs/snippets/web-components/my-component-story-use-globaltype-backwards-compat.js.mdx
+++ b/docs/snippets/web-components/my-component-story-use-globaltype-backwards-compat.js.mdx
@@ -5,7 +5,7 @@ import { html } from 'lit';
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/web-components/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const StoryWithLocale = {
diff --git a/docs/snippets/web-components/my-component-story-use-globaltype-backwards-compat.ts.mdx b/docs/snippets/web-components/my-component-story-use-globaltype-backwards-compat.ts.mdx
index 3a008104f723..d95971c3c18a 100644
--- a/docs/snippets/web-components/my-component-story-use-globaltype-backwards-compat.ts.mdx
+++ b/docs/snippets/web-components/my-component-story-use-globaltype-backwards-compat.ts.mdx
@@ -7,7 +7,7 @@ import { StoryObj } from '@storybook/web-components';
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/web-components/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const StoryWithLocale: StoryObj = {
diff --git a/docs/snippets/web-components/register-component-with-play-function.js.mdx b/docs/snippets/web-components/register-component-with-play-function.js.mdx
index 84e5f50c38fe..fd561f7c8e3f 100644
--- a/docs/snippets/web-components/register-component-with-play-function.js.mdx
+++ b/docs/snippets/web-components/register-component-with-play-function.js.mdx
@@ -8,7 +8,7 @@ export default {
 };
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm = {
@@ -30,7 +30,7 @@ export const FilledForm = {
     await userEvent.type(passwordInput, 'ExamplePassword', {
       delay: 100,
     });
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const submitButton = canvas.getByRole('button');
 
     await userEvent.click(submitButton);
diff --git a/docs/snippets/web-components/register-component-with-play-function.ts.mdx b/docs/snippets/web-components/register-component-with-play-function.ts.mdx
index c4f419eb1087..4f6901eaf2dc 100644
--- a/docs/snippets/web-components/register-component-with-play-function.ts.mdx
+++ b/docs/snippets/web-components/register-component-with-play-function.ts.mdx
@@ -12,7 +12,7 @@ export default meta;
 type Story = StoryObj;
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -34,7 +34,7 @@ export const FilledForm: Story = {
     await userEvent.type(passwordInput, 'ExamplePassword', {
       delay: 100,
     });
-    // See https://storybook.js.org/docs/web-components/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const submitButton = canvas.getByRole('button');
 
     await userEvent.click(submitButton);
diff --git a/docs/snippets/web-components/storybook-interactions-play-function.js.mdx b/docs/snippets/web-components/storybook-interactions-play-function.js.mdx
index d91c2d85cc7d..35c74f91947e 100644
--- a/docs/snippets/web-components/storybook-interactions-play-function.js.mdx
+++ b/docs/snippets/web-components/storybook-interactions-play-function.js.mdx
@@ -13,7 +13,7 @@ export default {
 };
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted = {
diff --git a/docs/snippets/web-components/storybook-interactions-play-function.ts.mdx b/docs/snippets/web-components/storybook-interactions-play-function.ts.mdx
index eebbfd4f6eac..e0c2b3e55dc0 100644
--- a/docs/snippets/web-components/storybook-interactions-play-function.ts.mdx
+++ b/docs/snippets/web-components/storybook-interactions-play-function.ts.mdx
@@ -18,7 +18,7 @@ export default meta;
 type Story = StoryObj;
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {
diff --git a/docs/snippets/web-components/storybook-interactions-step-function.js.mdx b/docs/snippets/web-components/storybook-interactions-step-function.js.mdx
index e2d025a51aeb..6be9916f7639 100644
--- a/docs/snippets/web-components/storybook-interactions-step-function.js.mdx
+++ b/docs/snippets/web-components/storybook-interactions-step-function.js.mdx
@@ -8,7 +8,7 @@ export default = {
 };
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted = {
diff --git a/docs/snippets/web-components/storybook-interactions-step-function.ts.mdx b/docs/snippets/web-components/storybook-interactions-step-function.ts.mdx
index 1a6e8c07995e..9bdc4fc09114 100644
--- a/docs/snippets/web-components/storybook-interactions-step-function.ts.mdx
+++ b/docs/snippets/web-components/storybook-interactions-step-function.ts.mdx
@@ -14,7 +14,7 @@ export default meta;
 type Story = StoryObj;
 
 /*
- * See https://storybook.js.org/docs/web-components/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {
diff --git a/docs/writing-tests/snapshot-testing.md b/docs/writing-tests/snapshot-testing.md
index 078a992ee427..e01f06439432 100644
--- a/docs/writing-tests/snapshot-testing.md
+++ b/docs/writing-tests/snapshot-testing.md
@@ -53,7 +53,7 @@ You can name the test file differently to suit your needs. Bear in mind that it
 
 </Callout>
 
-Run your first test. Storyshots will recognize your stories (based on [.storybook/main.js's setup](https://storybook.js.org/docs/react/configure/story-rendering)) and save them in the **snapshots** directory.
+Run your first test. Storyshots will recognize your stories (based on [.storybook/main.js's setup](https://storybook.js.org/docs/configure/story-rendering)) and save them in the **snapshots** directory.
 
 ```shell
 npm test storybook.test.js