From 45dee440a7324aa8e0b424f7278975f2ae6cdf4f Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Tue, 13 Sep 2022 10:22:44 +0200
Subject: [PATCH] UI Loader: Fix flickering with resized Left Column (#2030)

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

diff --git a/src/hooks/useResize.ts b/src/hooks/useResize.ts
index 1f7105d4e..b97f4e6ef 100644
--- a/src/hooks/useResize.ts
+++ b/src/hooks/useResize.ts
@@ -1,5 +1,5 @@
 import type { RefObject } from 'react';
-import { useState, useEffect } from '../lib/teact/teact';
+import { useState, useEffect, useLayoutEffect } from '../lib/teact/teact';
 import useFlag from './useFlag';
 
 export function useResize(
@@ -12,7 +12,7 @@ export function useResize(
   const [initialMouseX, setInitialMouseX] = useState<number>();
   const [initialElementWidth, setInitialElementWidth] = useState<number>();
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (!elementRef.current || !initialWidth) {
       return;
     }