diff --git a/apps/frontend/src/components/Timetable/DayColumn.tsx b/apps/frontend/src/components/Timetable/DayColumn.tsx
index b89ea95..952aa10 100644
--- a/apps/frontend/src/components/Timetable/DayColumn.tsx
+++ b/apps/frontend/src/components/Timetable/DayColumn.tsx
@@ -6,23 +6,23 @@ import Event from "./types/Event";
 dayjs.extend(isoWeek);
 dayjs.extend(customParseFormat);
 
-type Props = {
+type Props<T extends Record<string, unknown> & Event> = {
 	day: dayjs.Dayjs;
 	startTime: dayjs.Dayjs;
 	endTime: dayjs.Dayjs;
-	events: Event[];
+	events: T[];
 	renderCell?: (date: dayjs.Dayjs) => JSX.Element;
-	renderEvent?: (event: Event) => JSX.Element;
+	renderEvent?: (event: T) => JSX.Element;
 };
 
-export default function DayColumn({
+export default function DayColumn<T extends Record<string, unknown> & Event>({
 	day,
 	startTime,
 	endTime,
 	events,
 	renderCell,
 	renderEvent,
-}: Props) {
+}: Props<T>) {
 	const isToday = day.isSame(dayjs(), "day");
 
 	return (
diff --git a/apps/frontend/src/components/Timetable/Timetable.tsx b/apps/frontend/src/components/Timetable/Timetable.tsx
index a29b049..db1eacb 100644
--- a/apps/frontend/src/components/Timetable/Timetable.tsx
+++ b/apps/frontend/src/components/Timetable/Timetable.tsx
@@ -17,7 +17,7 @@ type Props<T extends Record<string, unknown> & Event> = {
 	endTime?: dayjs.Dayjs;
 	events: T[];
 	renderCell?: (date: dayjs.Dayjs) => JSX.Element;
-	renderEvent?: (event: Event) => JSX.Element;
+	renderEvent?: (event: T) => JSX.Element;
 	onDateChange?: (date: Dayjs) => void;
 	header?: {
 		center?: JSX.Element;