diff --git a/docs/_snippets/my-component-play-function-composition.md b/docs/_snippets/my-component-play-function-composition.md
index d5f69d9d864..e3239b11332 100644
--- a/docs/_snippets/my-component-play-function-composition.md
+++ b/docs/_snippets/my-component-play-function-composition.md
@@ -169,7 +169,7 @@ export const SecondStory: Story = {
 
 export const CombinedStories: Story = {
   play: async ({ context, canvasElement }) => {
-    const canvas = within(context.canvasElement);
+    const canvas = within(canvasElement);
 
     // Runs the FirstStory and Second story play function before running this story's play function
     await FirstStory.play(context);