From 9f3aee553685405cbd1aeb96e56962fa7c742777 Mon Sep 17 00:00:00 2001
From: David Brito <39559632+davbrito@users.noreply.github.com>
Date: Wed, 19 Jan 2022 10:51:42 -0400
Subject: [PATCH] Merge layout effects for adding focus and blur event
 listeners (#4790)

* Merge layout effects for adding focus and blur event listeners

* run yarn fix
---
 packages/slate-react/src/components/slate.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/packages/slate-react/src/components/slate.tsx b/packages/slate-react/src/components/slate.tsx
index 8bf6f07a9..02cafc1be 100644
--- a/packages/slate-react/src/components/slate.tsx
+++ b/packages/slate-react/src/components/slate.tsx
@@ -63,17 +63,11 @@ export const Slate = (props: {
       }, 0)
     }
     document.addEventListener('focus', fn, true)
-    return () => document.removeEventListener('focus', fn, true)
-  }, [])
-
-  useIsomorphicLayoutEffect(() => {
-    const fn = () => {
-      setTimeout(() => {
-        setIsFocused(ReactEditor.isFocused(editor))
-      }, 0)
-    }
     document.addEventListener('blur', fn, true)
-    return () => document.removeEventListener('blur', fn, true)
+    return () => {
+      document.removeEventListener('focus', fn, true)
+      document.removeEventListener('blur', fn, true)
+    }
   }, [])
 
   return (