From 2e8b22d20dfe9fd49b56abfed963dcfeab51aebd Mon Sep 17 00:00:00 2001 From: sarayourfriend <24264157+sarayourfriend@users.noreply.github.com> Date: Thu, 1 Jul 2021 14:16:43 -0700 Subject: [PATCH] Update packages/components/src/utils/hooks/use-prop-ref.ts Co-authored-by: Haz --- packages/components/src/utils/hooks/use-prop-ref.ts | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/components/src/utils/hooks/use-prop-ref.ts b/packages/components/src/utils/hooks/use-prop-ref.ts index 35e76eeaca4bc..5fbdab3b91537 100644 --- a/packages/components/src/utils/hooks/use-prop-ref.ts +++ b/packages/components/src/utils/hooks/use-prop-ref.ts @@ -41,12 +41,12 @@ import { useEffect, useRef } from '@wordpress/element'; * @param prop * @return The prop reference. */ -export function usePropRef< T >( prop: T ): MutableRefObject< T > { - const propRef = useRef( prop ); +export function useLatestRef< T >( value: T ): RefObject< T > { + const ref = useRef( value ); - useEffect( () => { - propRef.current = prop; - }, [ prop ] ); + useLayoutEffect( () => { + ref.current = prop; + } ); - return propRef; + return ref; }