Merge pull request #2755 from headlamp-k8s/fix-storybook-crash

storybook: Add workaround for the circular dependecy crash

Author: joaquimrocha

frontend/.storybook/preview.tsx

@@ -5,6 +5,11 @@ import '../src/index.css';
 import { Title, Subtitle, Description, Primary, Controls } from '@storybook/blocks';
 import { baseMocks } from './baseMocks';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import App from '../src/App';
+
+// App import will load the whole app dependency tree
+// And assigning it to a value will make sure it's not tree-shaken and removed
+const DontDeleteMe = App;
 
 // https://github.com/mswjs/msw-storybook-addon
 initialize({

frontend/src/components/gateway/ClassDetails.stories.tsx

@@ -29,6 +29,10 @@ export default {
             'http://localhost:4466/apis/gateway.networking.k8s.io/v1beta1/gatewayclasses',
             () => HttpResponse.error()
           ),
+          http.get(
+            'http://localhost:4466/apis/gateway.networking.k8s.io/v1beta1/gatewayclasses',
+            () => HttpResponse.error()
+          ),
           http.get('http://localhost:4466/api/v1/namespaces/default/events', () =>
             HttpResponse.json({
               kind: 'EventList',

frontend/src/storybook.test.tsx

@@ -49,6 +49,7 @@ const options = {
 vi.mock('@iconify/react', () => ({
   Icon: () => null,
   InlineIcon: () => null,
+  addCollection: () => {},
 }));
 
 vi.mock('@monaco-editor/react', () => ({