Rich Text: Fix React Complier error for 'useEventListeners' (#66460)

* Rich Text: Fix React Complier error for 'useEventListeners' * Try 'useInsertionEffect' hook Co-authored-by: Mamaduka <[email protected]> Co-authored-by: tyxla <[email protected]>
WordPress · Oct 25, 2024 · 029716e · 029716e
1 parent e7f2d01
commit 029716e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/rich-text/src/component/event-listeners/index.js b/packages/rich-text/src/component/event-listeners/index.js
@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { useMemo, useRef } from '@wordpress/element';
+import { useMemo, useRef, useInsertionEffect } from '@wordpress/element';
 import { useRefEffect } from '@wordpress/compose';
 
 /**
@@ -25,7 +25,9 @@ const allEventListeners = [
 
 export function useEventListeners( props ) {
 	const propsRef = useRef( props );
-	propsRef.current = props;
+	useInsertionEffect( () => {
+		propsRef.current = props;
+	} );
 	const refEffects = useMemo(
 		() => allEventListeners.map( ( refEffect ) => refEffect( propsRef ) ),
 		[ propsRef ]