Merge branch 'master' into catch-up-to-speed

Author: WesCossick

src/use-dropdown-menu.ts

@@ -55,13 +55,13 @@ export default function useDropdownMenu(itemCount: number) {
 
 	// Handle listening for clicks and auto-hiding the menu
 	useEffect(() => {
+		// Ignore if the menu isn't open
+		if (!isOpen) {
+			return;
+		}
+
 		// This function is designed to handle every click
 		const handleEveryClick = (event: MouseEvent) => {
-			// Ignore if the menu isn't open
-			if (!isOpen) {
-				return;
-			}
-
 			// Make this happen asynchronously
 			setTimeout(() => {
 				// Type guard
@@ -80,7 +80,10 @@ export default function useDropdownMenu(itemCount: number) {
 		};
 
 		// Add listener
-		document.addEventListener('click', handleEveryClick);
+		//  -> Force it to be async to fix: https://github.com/facebook/react/issues/20074
+		setTimeout(() => {
+			document.addEventListener('click', handleEveryClick);
+		}, 1);
 
 		// Return function to remove listener
 		return () => document.removeEventListener('click', handleEveryClick);