diff --git a/docs/snippets/common/storybook-main-ts-module-resolution-atsign-import.js.mdx b/docs/snippets/common/storybook-main-ts-module-resolution-atsign-import.js.mdx
index 46550ace3cfb..f939a55bc21b 100644
--- a/docs/snippets/common/storybook-main-ts-module-resolution-atsign-import.js.mdx
+++ b/docs/snippets/common/storybook-main-ts-module-resolution-atsign-import.js.mdx
@@ -1,7 +1,6 @@
 ```js
 // .storybook/main.js
-
-import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
+import path from 'path';
 
 export default {
   // Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
diff --git a/docs/snippets/common/storybook-main-ts-module-resolution-atsign-import.ts.mdx b/docs/snippets/common/storybook-main-ts-module-resolution-atsign-import.ts.mdx
index 2d895baeac19..4aaff2dec353 100644
--- a/docs/snippets/common/storybook-main-ts-module-resolution-atsign-import.ts.mdx
+++ b/docs/snippets/common/storybook-main-ts-module-resolution-atsign-import.ts.mdx
@@ -1,6 +1,6 @@
 ```ts
 // .storybook/main.ts
-
+import path from 'path';
 // Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
 import type { StorybookConfig } from '@storybook/your-framework';