Fixed stroybook build issue, added a gh action for storybook

.github/workflows/storybook.yml

@@ -0,0 +1,23 @@
+name: Storybook
+on:
+  push:
+    branches:
+      - dev
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/[email protected]
+
+      - name: Install and Build
+        run: |
+          npm install
+          npm run build-storybook
+
+      - name: Deploy
+        uses: JamesIves/[email protected]
+        with:
+          branch: gh-pages
+          folder: storybook-static # output folder from `npm run build-storybook`

.storybook/main.ts

@@ -1,4 +1,5 @@
 import type { StorybookConfig } from "@storybook/react-vite";
+import { withoutVitePlugins } from '@storybook/builder-vite';
 
 const config: StorybookConfig = {
   stories: [
@@ -18,5 +19,13 @@ const config: StorybookConfig = {
   docs: {
     autodocs: "tag",
   },
+  async viteFinal(config, { configType }) {
+    // Return the altered config
+    return {
+      ...config,
+      plugins: await withoutVitePlugins(config.plugins, ['vite:lib-inject-css']),
+    };
+  },
 };
+
 export default config;

docs/stories/Overlay.stories.tsx

@@ -1,5 +1,5 @@
 import React, { useRef } from 'react';
-import type { Meta, Story } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import BoundedOverlayManager, { Overlay, PredefinedPosition } from '../../lib/main';
 
 const meta: Meta = {
@@ -43,7 +43,7 @@ const meta: Meta = {
 
 export default meta;
 
-const OverlayStory: Story = (args: any) => {
+const OverlayStory: StoryFn = (args: any) => {
   const boundingComponentRef = useRef(null);
 
   return (