refactor: connect to camera manually

src/use-viewport/use-viewport.ts

@@ -1,4 +1,4 @@
-import { useBinding, useEffect, useMemo } from "@rbxts/react";
+import { useBinding, useEffect } from "@rbxts/react";
 import { useCamera } from "../use-camera";
 import { useEventListener } from "../use-event-listener";
 
@@ -9,21 +9,20 @@ import { useEventListener } from "../use-event-listener";
  */
 export function useViewport(listener?: (viewport: Vector2) => void) {
 	const camera = useCamera();
-	const [viewport, setViewport] = useBinding(Vector2.one);
+	const [viewport, setViewport] = useBinding(camera.ViewportSize);
+
+	useEffect(() => {
+		const connection = camera.GetPropertyChangedSignal("ViewportSize").Connect(() => {
+			setViewport(camera.ViewportSize);
+			listener?.(camera.ViewportSize);
+		});
 
-	useEventListener(camera?.GetPropertyChangedSignal("ViewportSize"), () => {
 		setViewport(camera.ViewportSize);
 		listener?.(camera.ViewportSize);
-	});
 
-	useMemo(() => {
-		if (camera) {
-			setViewport(camera.ViewportSize);
-		}
-	}, [camera]);
-
-	useEffect(() => {
-		listener?.(viewport.getValue());
+		return () => {
+			connection.Disconnect();
+		};
 	}, [camera]);
 
 	return viewport;