diff --git a/packages/keyboard-shortcuts/src/components/shortcut-provider.js b/packages/keyboard-shortcuts/src/components/shortcut-provider.js index 9fabf392738f61..feda767a2ca6bf 100644 --- a/packages/keyboard-shortcuts/src/components/shortcut-provider.js +++ b/packages/keyboard-shortcuts/src/components/shortcut-provider.js @@ -1,7 +1,7 @@ /** * WordPress dependencies */ -import { useRef } from '@wordpress/element'; +import { useState } from '@wordpress/element'; /** * Internal dependencies @@ -20,12 +20,12 @@ const { Provider } = context; * @return {import('@wordpress/element').WPElement} Component. */ export function ShortcutProvider( props ) { - const keyboardShortcuts = useRef( new Set() ); + const [ keyboardShortcuts ] = useState( () => new Set() ); function onKeyDown( event ) { if ( props.onKeyDown ) props.onKeyDown( event ); - for ( const keyboardShortcut of keyboardShortcuts.current ) { + for ( const keyboardShortcut of keyboardShortcuts ) { keyboardShortcut( event ); } }