diff --git a/packages/frontend/.storybook/preview.ts b/packages/frontend/.storybook/preview.ts
index db095f7025..feaaa5110e 100644
--- a/packages/frontend/.storybook/preview.ts
+++ b/packages/frontend/.storybook/preview.ts
@@ -14,6 +14,8 @@ import { commonHandlers, onUnhandledRequest } from './mocks.js';
 import themes from './themes.js';
 import '../src/style.scss';
 import { DI } from '../src/di.js';
+import { url } from '../src/config.js';
+import { MediaProxy } from '../../frontend-shared/js/media-proxy.js';
 
 const appInitialized = Symbol();
 
@@ -79,6 +81,7 @@ queueMicrotask(() => {
 			}
 			app[appInitialized] = true;
 			app.provide(DI.serverMetadata, {}); // TODO
+			app.provide(DI.mediaProxy, new MediaProxy({}, url));
 			loadTheme(applyTheme);
 			components(app);
 			directives(app);