️ Add useCallback to make hook more stable

This commit is contained in:
Philipp Stracker 2025-02-13 16:24:54 +01:00
parent 4ecd07b453
commit c6d7875fda
No known key found for this signature in database

View file

@ -1,4 +1,4 @@
import { useEffect, useState } from '@wordpress/element'; import { useCallback, useEffect, useState } from '@wordpress/element';
const checkIfCurrentTab = ( id ) => { const checkIfCurrentTab = ( id ) => {
return id && window.location.hash === `#${ id }`; return id && window.location.hash === `#${ id }`;
@ -38,11 +38,14 @@ export function useToggleState( { id = '', initiallyOpen = null } ) {
}; };
}, [ id ] ); }, [ id ] );
const toggleOpen = ( ev ) => { const toggleOpen = useCallback(
( ev ) => {
setIsOpen( ! isOpen ); setIsOpen( ! isOpen );
ev?.preventDefault(); ev?.preventDefault();
return false; return false;
}; },
[ isOpen ]
);
return { isOpen, toggleOpen }; return { isOpen, toggleOpen };
} }