diff --git a/src/pages/components/[...path].astro b/src/pages/components/[...path].astro
index 10670aad9..5a5da1249 100644
--- a/src/pages/components/[...path].astro
+++ b/src/pages/components/[...path].astro
@@ -19,12 +19,15 @@ if (!entry) {
 }
 const { remarkPluginFrontmatter } = await render(entry);
 
-const importPath = `${remarkPluginFrontmatter.mdjsStoriesPath}`;
+const loadDemoAttributes = {};
+if (remarkPluginFrontmatter.mdjsStoriesPath) {
+  loadDemoAttributes['data-import-path'] = remarkPluginFrontmatter.mdjsStoriesPath;
+}
 
 ---
 
 <InPageNavLayout entry={entry}>
-  <load-demo ?data-import-path={importPath}></load-demo>
+  <load-demo {...loadDemoAttributes}></load-demo>
 
   <script>
     class LoadDemo extends HTMLElement {
diff --git a/src/pages/fundamentals/[...path].astro b/src/pages/fundamentals/[...path].astro
index d1f2f2b51..cc7955b91 100644
--- a/src/pages/fundamentals/[...path].astro
+++ b/src/pages/fundamentals/[...path].astro
@@ -20,12 +20,15 @@ if (!entry) {
 }
 const { remarkPluginFrontmatter } = await render(entry);
 
-const importPath = `${remarkPluginFrontmatter.mdjsStoriesPath}`;
+const loadDemoAttributes = {};
+if (remarkPluginFrontmatter.mdjsStoriesPath) {
+  loadDemoAttributes['data-import-path'] = remarkPluginFrontmatter.mdjsStoriesPath;
+}
 
 ---
 
 <InPageNavLayout entry={entry}>
-  <load-demo ?data-import-path={importPath}></load-demo>
+  <load-demo {...loadDemoAttributes}></load-demo>
 
   <script>
     class LoadDemo extends HTMLElement {
diff --git a/src/pages/guides/[...path].astro b/src/pages/guides/[...path].astro
index 00e87c7e7..a53ffdbd3 100644
--- a/src/pages/guides/[...path].astro
+++ b/src/pages/guides/[...path].astro
@@ -20,11 +20,14 @@ if (!entry) {
 }
 const { remarkPluginFrontmatter } = await render(entry);
 
-const importPath = `${remarkPluginFrontmatter.mdjsStoriesPath}`;
+const loadDemoAttributes = {};
+if (remarkPluginFrontmatter.mdjsStoriesPath) {
+  loadDemoAttributes['data-import-path'] = remarkPluginFrontmatter.mdjsStoriesPath;
+}
 ---
 
 <InPageNavLayout entry={entry}>
-  <load-demo ?data-import-path={importPath}></load-demo>
+  <load-demo {...loadDemoAttributes}></load-demo>
 
   <script>
     class LoadDemo extends HTMLElement {