diff --git a/apps/demo/config/components/Footer/index.tsx b/apps/demo/config/components/Footer/index.tsx
index 539f947c63..116f27d22a 100644
--- a/apps/demo/config/components/Footer/index.tsx
+++ b/apps/demo/config/components/Footer/index.tsx
@@ -2,9 +2,11 @@ import { ReactNode } from "react";
import { Section } from "../Section";
const FooterLink = ({ children, href }: { children: string; href: string }) => {
+ const El = href ? "a" : "span";
+
return (
- {
}}
>
{children}
-
+
);
};
diff --git a/apps/demo/config/components/Header/index.tsx b/apps/demo/config/components/Header/index.tsx
index c315aa13fe..d6c7237f98 100644
--- a/apps/demo/config/components/Header/index.tsx
+++ b/apps/demo/config/components/Header/index.tsx
@@ -9,8 +9,10 @@ const NavItem = ({ label, href }: { label: string; href: string }) => {
const isActive = navPath === (href.replace("/edit", "") || "/");
+ const El = href ? "a" : "span";
+
return (
- {
}}
>
{label}
-
+
);
};
@@ -29,9 +31,9 @@ const Header = ({ editMode }) => (
);
diff --git a/apps/demo/config/root.tsx b/apps/demo/config/root.tsx
index 44e8df30a9..7a253041a9 100644
--- a/apps/demo/config/root.tsx
+++ b/apps/demo/config/root.tsx
@@ -16,28 +16,28 @@ function Root({ children, editMode }: RootProps) {
{children}