diff --git a/src/runtime/internal/Component.ts b/src/runtime/internal/Component.ts
index f6fc91d497..e249b9d566 100644
--- a/src/runtime/internal/Component.ts
+++ b/src/runtime/internal/Component.ts
@@ -224,7 +224,7 @@ export class SvelteComponent<
 		this.$destroy = noop;
 	}
 
-	$on<K extends Extract<keyof Events, string>>(type: K, callback: (e: CustomEvent<Events[K]>) => void) {
+	$on<K extends Extract<keyof Events, string>>(type: K, callback: (e: Events[K]) => void) {
 		const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
 		callbacks.push(callback);
 
diff --git a/src/runtime/internal/dev.ts b/src/runtime/internal/dev.ts
index ee32fe5778..3569a68edb 100644
--- a/src/runtime/internal/dev.ts
+++ b/src/runtime/internal/dev.ts
@@ -103,7 +103,7 @@ export interface SvelteComponentDev<
 	Slots extends Record<string, any> = any
 > {
 	$set(props?: Partial<Props> & Record<string, any>): void;
-	$on<K extends Extract<keyof Events, string>>(type: K, callback: (e: CustomEvent<Events[K]>) => void): () => void;
+	$on<K extends Extract<keyof Events, string>>(type: K, callback: (e: Events[K]) => void): () => void;
 	$destroy(): void;
 	[accessor: string]: any;
 }