diff --git a/docs/snippets/html/button-story.ts.mdx b/docs/snippets/html/button-story.ts.mdx
index 42cf5f06cc3d..4a48ff30739d 100644
--- a/docs/snippets/html/button-story.ts.mdx
+++ b/docs/snippets/html/button-story.ts.mdx
@@ -18,7 +18,7 @@ export default meta;
  * See https://storybook.js.org/docs/html/api/csf
  * to learn how to use render functions.
  */
-export const Primary: Story = {
+export const Primary: StoryObj = {
   render: () => {
     const btn = document.createElement('button');
     btn.innerText = 'Button';