diff --git a/src/hooks/useStateRef.ts b/src/hooks/useStateRef.ts
index 994feab28..5b4247624 100644
--- a/src/hooks/useStateRef.ts
+++ b/src/hooks/useStateRef.ts
@@ -1,11 +1,13 @@
-import { useEffect, useRef } from '../lib/teact/teact';
+import { useRef } from '../lib/teact/teact';
+
+import useOnChange from './useOnChange';
 
 // Allows to use state value as "silent" dependency in hooks (not causing updates).
 // Useful for state values that update frequently (such as controlled input value).
 export function useStateRef<T>(value: T) {
   const ref = useRef<T>(value);
 
-  useEffect(() => {
+  useOnChange(() => {
     ref.current = value;
   }, [value]);