diff --git a/.webpack/webpack.base.js b/.webpack/webpack.base.js
index 335e32fcc..93ba2d46a 100644
--- a/.webpack/webpack.base.js
+++ b/.webpack/webpack.base.js
@@ -66,6 +66,7 @@ module.exports = (env, argv, { SRC_DIR, DIST_DIR }) => {
         ),
         '@hooks': path.resolve(__dirname, '../platform/viewer/src/hooks'),
         '@routes': path.resolve(__dirname, '../platform/viewer/src/routes'),
+        '@state': path.resolve(__dirname, '../platform/viewer/src/state'),
       },
       // Which directories to search when resolving modules
       modules: [
diff --git a/platform/viewer/src/App.jsx b/platform/viewer/src/App.jsx
index cb122f9ff..e85fea0cc 100644
--- a/platform/viewer/src/App.jsx
+++ b/platform/viewer/src/App.jsx
@@ -5,7 +5,7 @@ import { BrowserRouter, HashRouter } from 'react-router-dom';
 import { ThemeWrapper } from '@ohif/ui';
 // Viewer Project
 // TODO: Should this influence study list?
-import { appConfigContext } from './state/appConfig.context';
+import { appConfigContext } from '@state/appConfig.context';
 import { useAppConfig } from './hooks/useAppConfig';
 import createRoutes from './routes';
 import appInit from './appInit.js';