From 6cf599486e461dfff99c6916ce0ae5e04f78c2a1 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 12 Feb 2026 04:29:34 +0000
Subject: [PATCH] refactor(storybook): improve type safety without type
 assertions

Co-authored-by: Razboy20 <29903962+Razboy20@users.noreply.github.com>
---
 src/stories/components/SortableList.stories.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/stories/components/SortableList.stories.tsx b/src/stories/components/SortableList.stories.tsx
index 31c378df..5246d912 100644
--- a/src/stories/components/SortableList.stories.tsx
+++ b/src/stories/components/SortableList.stories.tsx
@@ -4,7 +4,7 @@ import Instructor from '@shared/types/Instructor';
 import { tailwindColorways } from '@shared/util/storybook';
 import type { Meta, StoryObj } from '@storybook/react';
 import PopupCourseBlock from '@views/components/common/PopupCourseBlock';
-import type { BaseItem, SortableListProps } from '@views/components/common/SortableList';
+import type { BaseItem } from '@views/components/common/SortableList';
 import { SortableList } from '@views/components/common/SortableList';
 import React from 'react';
 
@@ -77,7 +77,7 @@ type CourseWithId = { course: Course } & BaseItem;
 
 const meta = {
     title: 'Components/Common/SortableList',
-    component: SortableList,
+    component: SortableList<CourseWithId>,
     parameters: {
         layout: 'centered',
     },
@@ -85,7 +85,7 @@ const meta = {
 } satisfies Meta<typeof SortableList<CourseWithId>>;
 export default meta;
 
-type Story = StoryObj<Meta<typeof SortableList<CourseWithId>>>;
+type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
     args: {
@@ -100,7 +100,7 @@ export const Default: Story = {
     },
     render: args => (
         <div className='h-3xl w-3xl transform-none'>
-            <SortableList {...(args as SortableListProps<CourseWithId>)} />
+            <SortableList {...args} />
         </div>
     ),
 };