diff --git a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js
index 7e88ab303f56..a64a24f19564 100644
--- a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js
+++ b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js
@@ -16,3 +16,7 @@ WithArgs.args = { children: 'with args' };
 
 export const WithTemplate = WithArgs.bind({});
 WithTemplate.args = { children: 'with template' };
+
+export const StoryObject = {
+  render: Basic,
+};
diff --git a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx
index 0caf20c72f58..a551c18a0ff3 100644
--- a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx
+++ b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx
@@ -20,3 +20,7 @@ I can define a story with the function imported from CSF:
 <Canvas>
   <Story name="with template" story={Csf.WithTemplate} />
 </Canvas>
+
+<Canvas>
+  <Story name="story object" story={Csf.StoryObject} />
+</Canvas>