Localization: Fix translations are not applied sometimes

src/hooks/useLang.ts

@@ -1,16 +1,15 @@
-import { useEffect } from '../lib/teact/teact';
-
 import { ApiMediaFormat } from '../api/types';
 
 import * as langProvider from '../util/langProvider';
 import useForceUpdate from './useForceUpdate';
+import useOnChange from './useOnChange';
 
 export type LangFn = typeof langProvider.getTranslation;
 
 export default <T extends ApiMediaFormat = ApiMediaFormat.BlobUrl>(): LangFn => {
   const forceUpdate = useForceUpdate();
 
-  useEffect(() => {
+  useOnChange(() => {
     return langProvider.addCallback(forceUpdate);
   }, [forceUpdate]);