From 5e35865233a01516d456a77dd2ec2dec808cec7b Mon Sep 17 00:00:00 2001
From: Dmitry Krupenya <dkrupenya@gmail.com>
Date: Fri, 29 May 2020 18:33:44 +0300
Subject: [PATCH] feat: fix after code review CB-124

---
 webapp/packages/core/src/blocks/InFocus.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/packages/core/src/blocks/InFocus.tsx b/webapp/packages/core/src/blocks/InFocus.tsx
index 6fc4b358ed..2fcf4cab75 100644
--- a/webapp/packages/core/src/blocks/InFocus.tsx
+++ b/webapp/packages/core/src/blocks/InFocus.tsx
@@ -1,5 +1,5 @@
 import React, {
-  useEffect, useRef, ReactElement, MutableRefObject
+  useLayoutEffect, useRef, ReactElement, MutableRefObject
 } from 'react';
 
 type InFocusProps = {
@@ -10,7 +10,7 @@ export function InFocus({ children }: InFocusProps) {
   const isFirstRender: MutableRefObject<boolean> = useRef(true);
   const childRef: MutableRefObject<HTMLElement | null> = useRef(null);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       if (childRef.current !== null) {