diff --git a/packages/components/src/higher-order/with-spoken-messages/README.md b/packages/components/src/higher-order/with-spoken-messages/README.md
index 1cb09651b7919..5e539b3f3d572 100644
--- a/packages/components/src/higher-order/with-spoken-messages/README.md
+++ b/packages/components/src/higher-order/with-spoken-messages/README.md
@@ -7,8 +7,8 @@ import { withSpokenMessages, Button } from '@wordpress/components';
 
 const MyComponentWithSpokenMessages = withSpokenMessages( ( { speak, debouncedSpeak } ) => (
 	<div>
-		<Button isDefault onClick={ speak( 'Spoken message' ) }>Speak</Button>
-		<Button isDefault onClick={ debouncedSpeak( 'Delayed message' ) }>Debounced Speak</Button>
+		<Button isDefault onClick={ () => speak( 'Spoken message' ) }>Speak</Button>
+		<Button isDefault onClick={ () => debouncedSpeak( 'Delayed message' ) }>Debounced Speak</Button>
 	</div>
 ) );
 ```