Changes per review

Author: youknowriad

docs/manifest.json

@@ -1517,6 +1517,12 @@
 		"markdown_source": "../packages/blocks/README.md",
 		"parent": "packages"
 	},
+	{
+		"title": "@wordpress/boot",
+		"slug": "packages-boot",
+		"markdown_source": "../packages/boot/README.md",
+		"parent": "packages"
+	},
 	{
 		"title": "@wordpress/browserslist-config",
 		"slug": "packages-browserslist-config",

packages/boot/src/components/app/index.tsx

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { createRoot } from '@wordpress/element';
+import { createRoot, StrictMode } from '@wordpress/element';
 import { dispatch } from '@wordpress/data';
 
 /**
@@ -16,9 +16,6 @@ function App() {
 }
 
 export async function init( menuItems: MenuItem[] ) {
-	// Import the store to ensure it's registered
-	await import( '../../store' );
-
 	// Register menu items
 	menuItems.forEach( ( menuItem ) => {
 		// @ts-ignore
@@ -29,6 +26,10 @@ export async function init( menuItems: MenuItem[] ) {
 	const rootElement = document.getElementById( 'gutenberg-boot-app' );
 	if ( rootElement ) {
 		const root = createRoot( rootElement );
-		root.render( <App /> );
+		root.render(
+			<StrictMode>
+				<App />
+			</StrictMode>
+		);
 	}
 }

packages/boot/src/components/site-hub/index.tsx

@@ -12,7 +12,7 @@ import { __ } from '@wordpress/i18n';
 import { store as coreStore } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
 import { search } from '@wordpress/icons';
-import { rawShortcut } from '@wordpress/keycodes';
+import { displayShortcut } from '@wordpress/keycodes';
 // @ts-expect-error Commands is not typed properly.
 import { store as commandsStore } from '@wordpress/commands';
 import { filterURLForDisplay } from '@wordpress/url';
@@ -40,8 +40,6 @@ function SiteHub() {
 		};
 	}, [] );
 	const { open: openCommandCenter } = useDispatch( commandsStore );
-	const label = __( 'Open command palette' );
-	const shortcutAria = rawShortcut.primary( 'k' );
 
 	return (
 		<div className="boot-site-hub">
@@ -58,8 +56,8 @@ function SiteHub() {
 					icon={ search }
 					onClick={ () => openCommandCenter() }
 					size="compact"
-					label={ label }
-					aria-keyshortcuts={ shortcutAria }
+					label={ __( 'Open command palette' ) }
+					shortcut={ displayShortcut.primary( 'k' ) }
 				/>
 			</HStack>
 		</div>