Recreate useUpdate after calls

src/use-update/README.md

@@ -6,6 +6,8 @@ function useUpdate(): () => void;
 
 Returns a function that can be called to force an update of the component.
 
+The function returned by `useUpdate` is recreated when it causes an update, making it useful to track re-renders caused by this hook.
+
 ### 📕 Parameters
 
 ### 📗 Returns
@@ -24,6 +26,10 @@ export default function Component() {
 		}, 1);
 	}, []);
 
+	useEffect(() => {
+		print("Rendered because of useUpdate");
+	}, [update]);
+
 	print("Rendered");
 
 	return <frame />;

src/use-update/use-update.spec.ts

@@ -20,4 +20,19 @@ export = () => {
 
 		expect(renders).to.equal(2);
 	});
+
+	it("should return a new function on each update", () => {
+		let rerender = () => {};
+		let previousRerender = () => {};
+
+		renderHook(() => {
+			previousRerender = rerender;
+			rerender = useUpdate();
+		});
+
+		expect(rerender).never.to.equal(previousRerender);
+
+		rerender();
+		expect(rerender).never.to.equal(previousRerender);
+	});
 };

src/use-update/use-update.ts

@@ -1,13 +1,15 @@
 import { useCallback, useState } from "@rbxts/roact-hooked";
 
 /**
- * Returns a function that can be used to force a component to update.
+ * Returns a function that can be used to force a component to update. The
+ * function is recreated on the next render if called. This makes it useful as
+ * a dependency for other hooks.
  * @returns A function that forces a rerender.
  */
 export function useUpdate() {
-	const [, setState] = useState({});
+	const [state, setState] = useState({});
 
 	return useCallback(() => {
 		setState({});
-	}, []);
+	}, [state]);
 }