fix: nextjs link on same page

ccontrols · Oct 5, 2020 · c209272 · c209272
1 parent 7354ba7
commit c209272
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/examples/starter/src/docs/first-page.mdx b/examples/starter/src/docs/first-page.mdx
@@ -4,4 +4,6 @@ title: First Page
 
 # My first doc page
 
-other markdown
+other markdown and jump the [section](#section)
+
+# Section
diff --git a/integrations/nextjs-plugin/src/components/NextLink.tsx b/integrations/nextjs-plugin/src/components/NextLink.tsx
@@ -8,6 +8,14 @@ export const NextLink: FC<LinkProps & { to?: string }> = ({
   children,
   ...props
 }) => {
+  if (href.startsWith('#')) {
+    return (
+      <a href={href} {...props}>
+        {children}
+      </a>
+    );
+  }
+
   const urlparts = href.split('/');
   const isHomePage =
     urlparts.length === 2 && urlparts[0] === '' && urlparts[1] === '';