PLAT-110785: Fix useFloatingLayer to defer update until mounted (#2792)

Enact-DCO-1.0-Signed-off-by: Roy Sutton [email protected] Reviewed-By: Jeremy Thomas ([email protected]) Integrated-By: Ryan Duffy ([email protected])
enactjs · Jun 16, 2020 · 68f8d2e · 68f8d2e
1 parent 8d948d7
commit 68f8d2e
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/ui/FloatingLayer/useFloatingLayer.js b/packages/ui/FloatingLayer/useFloatingLayer.js
@@ -11,9 +11,12 @@ function useFloatingLayer () {
 	}, [setId]);
 
 	const registerFloatingLayer = React.useContext(FloatingLayerContext);
-	if (registerFloatingLayer) {
-		registerFloatingLayer(handler);
-	}
+
+	React.useEffect(() => {
+		if (registerFloatingLayer) {
+			registerFloatingLayer(handler);
+		}
+	}, [handler, registerFloatingLayer]);
 
 	return {floatingLayerId};
 }