1 files changed, 5 insertions, 7 deletions
diff --git a/storybook/config/preview.js b/storybook/config/preview.js
index 6f3b8190742..fc04623071a 100644
--- a/storybook/config/preview.js
+++ b/storybook/config/preview.js
@@ -1,7 +1,8 @@
-import { withServer } from 'storybook-mirage'; // eslint-disable-line import/no-unresolved
+// Some modules read window.gon on initialization thus we need to define this object before anything else
+import './gon';
 import Vue from 'vue';
-import { createMockServer } from 'test_helpers/mock_server';
 import translateMixin from '~/vue_shared/translate';
+import { initializeGitLabAPIAccess } from './addons/gitlab_api_access/preview';
 
 const stylesheetsRequireCtx = require.context(
   '../../app/assets/stylesheets',
@@ -9,13 +10,10 @@ const stylesheetsRequireCtx = require.context(
   /(application|application_utilities|highlight\/themes\/white)\.scss$/,
 );
 
-window.gon = {
-  user_color_scheme: 'white',
-};
+initializeGitLabAPIAccess();
+
 translateMixin(Vue);
 
 stylesheetsRequireCtx('./application.scss');
 stylesheetsRequireCtx('./application_utilities.scss');
 stylesheetsRequireCtx('./highlight/themes/white.scss');
-
-export const decorators = [withServer(createMockServer)];