MVP Debugger UI (#2888)

skyvern-frontend/src/hooks/useOnChange.ts

@@ -0,0 +1,17 @@
+import { useEffect, useRef } from "react";
+
+function useOnChange<T>(
+  value: T,
+  callback: (newValue: T, prevValue: T | undefined) => void,
+) {
+  const prevValue = useRef<T>(value);
+
+  useEffect(() => {
+    if (prevValue.current !== undefined) {
+      callback(value, prevValue.current);
+    }
+    prevValue.current = value;
+  }, [value, callback]);
+}
+
+export { useOnChange };