preserve reference to props.$$events

Author: Rich-Harris

packages/svelte/src/legacy/legacy-client.js

@@ -53,7 +53,7 @@ export function asClassComponent(component) {
 
 class Svelte4Component {
 	/** @type {any} */
-	#events = {};
+	#events;
 
 	/** @type {Record<string, any>} */
 	#instance;
@@ -70,7 +70,7 @@ class Svelte4Component {
 		// Using proxy state here isn't completely mirroring the Svelte 4 behavior, because mutations to a property
 		// cause fine-grained updates to only the places where that property is used, and not the entire property.
 		// Reactive statements and actions (the things where this matters) are handling this properly regardless, so it should be fine in practise.
-		const props = proxy({ ...(options.props || {}), $$events: this.#events }, false);
+		const props = proxy({ ...(options.props || {}), $$events: {} }, false);
 		this.#instance = (options.hydrate ? hydrate : mount)(options.component, {
 			target: options.target,
 			props,
@@ -79,6 +79,8 @@ class Svelte4Component {
 			recover: options.recover
 		});
 
+		this.#events = props.$$events;
+
 		for (const key of Object.keys(this.#instance)) {
 			if (key === '$set' || key === '$destroy' || key === '$on') continue;
 			define_property(this, key, {