From 02350188b51579def33476c29c50aba4f64ef521 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 12 Feb 2026 04:28:22 +0000
Subject: [PATCH] fix(storybook): fix typecheck errors in
 SortableList.stories.tsx

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

diff --git a/src/stories/components/SortableList.stories.tsx b/src/stories/components/SortableList.stories.tsx
index ec1fad0c..31c378df 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 } from '@views/components/common/SortableList';
+import type { BaseItem, SortableListProps } from '@views/components/common/SortableList';
 import { SortableList } from '@views/components/common/SortableList';
 import React from 'react';
 
@@ -94,11 +94,13 @@ export const Default: Story = {
             course,
         })),
         onChange: () => {},
-        renderItem: ({ id, course }) => <PopupCourseBlock key={id} course={course} colors={course.colors} />,
+        renderItem: (item: CourseWithId) => (
+            <PopupCourseBlock key={item.id} course={item.course} colors={item.course.colors} />
+        ),
     },
     render: args => (
         <div className='h-3xl w-3xl transform-none'>
-            <SortableList {...args} />
+            <SortableList {...(args as SortableListProps<CourseWithId>)} />
         </div>
     ),
 };