diff --git a/src/stories/ExampleButton.stories.ts b/src/stories/ExampleButton.stories.ts
index 05a6057..527a6ea 100644
--- a/src/stories/ExampleButton.stories.ts
+++ b/src/stories/ExampleButton.stories.ts
@@ -1,3 +1,5 @@
+import { SBComp } from '#types/SBComp'
+
 import ExampleButton from './ExampleButton.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
@@ -5,8 +7,7 @@ import type { Meta, StoryObj } from '@storybook/vue3'
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
   title: 'Example/Button',
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  component: ExampleButton,
+  component: ExampleButton as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   argTypes: {
diff --git a/src/stories/ExampleHeader.stories.ts b/src/stories/ExampleHeader.stories.ts
index 4a323b4..3caaf3a 100644
--- a/src/stories/ExampleHeader.stories.ts
+++ b/src/stories/ExampleHeader.stories.ts
@@ -1,3 +1,5 @@
+import { SBComp } from '#types/SBComp'
+
 import ExampleHeader from './ExampleHeader.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
@@ -8,8 +10,7 @@ const meta = {
    * to learn how to generate automatic titles
    */
   title: 'Example/Header',
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  component: ExampleHeader,
+  component: ExampleHeader as SBComp,
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   render: (args: any) => ({
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
diff --git a/src/stories/ExamplePage.stories.ts b/src/stories/ExamplePage.stories.ts
index cc50eb3..0fa903e 100644
--- a/src/stories/ExamplePage.stories.ts
+++ b/src/stories/ExamplePage.stories.ts
@@ -1,13 +1,14 @@
 import { within, userEvent } from '@storybook/testing-library'
 
+import { SBComp } from '#types/SBComp'
+
 import ExamplePage from './ExamplePage.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
 
 const meta = {
   title: 'Example/Page',
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  component: ExamplePage,
+  component: ExamplePage as SBComp,
   render: () => ({
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     components: { ExamplePage },