diff --git a/packages/examples/.storybook/preview.js b/packages/examples/.storybook/preview.js
index 91ec7db5..00e388ce 100644
--- a/packages/examples/.storybook/preview.js
+++ b/packages/examples/.storybook/preview.js
@@ -27,7 +27,9 @@ const parameters = {
         </>
       );
     },
-    inlineStories: true,
+    story: {
+      inline: true,
+    },
     prepareForInline: (story) => story(),
   },
   cssprops: {
diff --git a/packages/examples/stories/Simple/Simple.mdx b/packages/examples/stories/Simple/Simple.mdx
index 74c98d6a..9c2f1d44 100644
--- a/packages/examples/stories/Simple/Simple.mdx
+++ b/packages/examples/stories/Simple/Simple.mdx
@@ -17,10 +17,6 @@ import { CssPropsBlock } from "@ljcl/storybook-addon-cssprops";
 
 <CssPropsBlock />
 
-<Canvas>
-  <Story id="simple-component-csf--default-story" />
-</Canvas>
+<Canvas of={SimpleStories.DefaultStory}></Canvas>
 
-<Canvas>
-  <Story id="simple-component-csf--secondary-story" />
-</Canvas>
+<Canvas of={SimpleStories.SecondaryStory}></Canvas>