Fix end listener

Author: otomad

src/Transition.tsx

@@ -712,7 +712,11 @@ const Transition = functionModule(
 					{...props}
 					{...(props.timeout != null ?
 						{ timeout: props.timeout }
-					:	{ nodeRef, addEndListener: endListener() })}
+					:	{
+							nodeRef,
+							addEndListener:
+								props.addEndListener ?? endListener(),
+						})}
 				>
 					{cloneRef(props.children as ReactNode, nodeRef)}
 				</TransitionComponent>

src/utils/cloneRef.ts

@@ -64,13 +64,11 @@ export function endListener() {
 	 * @param done A callback function to be executed when the animation ends.
 	 */
 	return (node: HTMLElement, done: () => void) => {
-		node?.addEventListener(
-			"transitionend",
-			(e) => {
-				if (e.target !== e.currentTarget) return;
-				done();
-			},
-			false,
-		);
+		const listener = (e: TransitionEvent) => {
+			if (e.target !== e.currentTarget) return;
+			node?.removeEventListener("transitionend", listener, false);
+			done();
+		};
+		node?.addEventListener("transitionend", listener, false);
 	};
 }