From d04b25810c20d341b75f48d964a3c8d3312cfe6d Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Mon, 6 Jan 2025 15:23:31 +0100
Subject: [PATCH] Fix runtime

---
 .../builder-vite/src/codegen-modern-iframe-script.ts       | 2 +-
 code/renderers/react/src/preview.tsx                       | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/code/builders/builder-vite/src/codegen-modern-iframe-script.ts b/code/builders/builder-vite/src/codegen-modern-iframe-script.ts
index c43686fd248..7a17d564244 100644
--- a/code/builders/builder-vite/src/codegen-modern-iframe-script.ts
+++ b/code/builders/builder-vite/src/codegen-modern-iframe-script.ts
@@ -14,7 +14,7 @@ export async function generateModernIframeScriptCode(options: Options, projectRo
     [],
     options
   );
-  const [previewFileUrl, ...previewAnnotationURLs] = [...previewAnnotations, previewOrConfigFile]
+  const [previewFileUrl, ...previewAnnotationURLs] = [previewOrConfigFile, ...previewAnnotations]
     .filter(Boolean)
     .map((path) => processPreviewAnnotation(path, projectRoot));
 
diff --git a/code/renderers/react/src/preview.tsx b/code/renderers/react/src/preview.tsx
index 8cd9c5cec2d..a43f89a5958 100644
--- a/code/renderers/react/src/preview.tsx
+++ b/code/renderers/react/src/preview.tsx
@@ -10,10 +10,15 @@ import type {
   StoryAnnotations,
 } from 'storybook/internal/types';
 
+import * as reactAnnotations from './entry-preview';
+import * as reactDocsAnnotations from './entry-preview-docs';
 import type { ReactRenderer } from './types';
 
 export function defineConfig(config: PreviewConfigData<ReactRenderer>) {
-  return new PreviewConfig(config);
+  return new PreviewConfig({
+    ...config,
+    addons: [reactAnnotations, reactDocsAnnotations, ...(config.addons ?? [])],
+  });
 }
 
 interface PreviewConfigData<TRenderer extends Renderer> extends ProjectAnnotations<TRenderer> {