From 479c4764eb49b58ea64a18f8b964df5cb25c2a0b Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 28 Jan 2022 02:12:10 +0100
Subject: [PATCH] Composer: Fix input tooltips

---
 src/hooks/useStateRef.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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]);