diff --git a/code/addons/docs/src/mdx-plugin.ts b/code/addons/docs/src/mdx-plugin.ts
index 3873da8bae31..49f8a0969038 100644
--- a/code/addons/docs/src/mdx-plugin.ts
+++ b/code/addons/docs/src/mdx-plugin.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'node:url';
+
 import type { Options } from 'storybook/internal/types';
 
 import { createFilter } from '@rollup/pluginutils';
@@ -36,7 +38,9 @@ export async function mdxPlugin(options: Options): Promise<Plugin> {
         const mdxLoaderOptions: CompileOptions = await presets.apply('mdxLoaderOptions', {
           ...mdxPluginOptions,
           mdxCompileOptions: {
-            providerImportSource: import.meta.resolve('@storybook/addon-docs/mdx-react-shim'),
+            providerImportSource: fileURLToPath(
+              import.meta.resolve('@storybook/addon-docs/mdx-react-shim')
+            ),
             ...mdxPluginOptions?.mdxCompileOptions,
             rehypePlugins: [
               ...(mdxPluginOptions?.mdxCompileOptions?.rehypePlugins ?? []),
diff --git a/code/addons/docs/src/preset.ts b/code/addons/docs/src/preset.ts
index f65bf06b228a..315489865720 100644
--- a/code/addons/docs/src/preset.ts
+++ b/code/addons/docs/src/preset.ts
@@ -49,7 +49,9 @@ async function webpack(
   const mdxLoaderOptions: CompileOptions = await options.presets.apply('mdxLoaderOptions', {
     ...mdxPluginOptions,
     mdxCompileOptions: {
-      providerImportSource: import.meta.resolve('@storybook/addon-docs/mdx-react-shim'),
+      providerImportSource: fileURLToPath(
+        import.meta.resolve('@storybook/addon-docs/mdx-react-shim')
+      ),
       ...mdxPluginOptions.mdxCompileOptions,
       rehypePlugins: [
         ...(mdxPluginOptions?.mdxCompileOptions?.rehypePlugins ?? []),