Add explicit menu props for better TypeScript perf

WordPress · Dec 22, 2024 · 8df6efe · 8df6efe
1 parent 325e244
commit 8df6efe
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/components/src/menu/stories/index.story.tsx b/packages/components/src/menu/stories/index.story.tsx
@@ -20,6 +20,7 @@ import Button from '../../button';
 import Modal from '../../modal';
 import { createSlotFill, Provider as SlotFillProvider } from '../../slot-fill';
 import { ContextSystemProvider } from '../../context';
+import type { MenuProps } from '../types';
 
 const meta = {
 	id: 'components-experimental-menu',
@@ -183,7 +184,7 @@ export const WithSubmenu: Story = {
 };
 
 export const WithCheckboxes: Story = {
-	render: function WithCheckboxes( props ) {
+	render: function WithCheckboxes( props: MenuProps ) {
 		const [ isAChecked, setAChecked ] = useState( false );
 		const [ isBChecked, setBChecked ] = useState( true );
 		const [ multipleCheckboxesValue, setMultipleCheckboxesValue ] =
@@ -329,7 +330,7 @@ export const WithCheckboxes: Story = {
 };
 
 export const WithRadios: Story = {
-	render: function WithRadios( props ) {
+	render: function WithRadios( props: MenuProps ) {
 		const [ radioValue, setRadioValue ] = useState( 'two' );
 		const onRadioChange: React.ComponentProps<
 			typeof Menu.RadioItem
@@ -404,7 +405,7 @@ const modalOnTopOfMenuPopover = css`
 
 // For more examples with `Modal`, check https://ariakit.org/examples/menu-wordpress-modal
 export const WithModals: Story = {
-	render: function WithModals( props ) {
+	render: function WithModals( props: MenuProps ) {
 		const [ isOuterModalOpen, setOuterModalOpen ] = useState( false );
 		const [ isInnerModalOpen, setInnerModalOpen ] = useState( false );