diff --git a/beta/src/components/Layout/Sidebar/SidebarRouteTree.tsx b/beta/src/components/Layout/Sidebar/SidebarRouteTree.tsx index a72f21df..8c7516bd 100644 --- a/beta/src/components/Layout/Sidebar/SidebarRouteTree.tsx +++ b/beta/src/components/Layout/Sidebar/SidebarRouteTree.tsx @@ -77,7 +77,7 @@ export function SidebarRouteTree({ level = 0, }: SidebarRouteTreeProps) { const {breadcrumbs} = useRouteMeta(routeTree); - const cleanedPath = useRouter().asPath.split('?')[0]; + const cleanedPath = useRouter().asPath.split(/[\?\#]/)[0]; const pendingRoute = usePendingRoute(); const slug = cleanedPath; diff --git a/beta/src/components/Layout/useRouteMeta.tsx b/beta/src/components/Layout/useRouteMeta.tsx index 5a399926..a007e5a9 100644 --- a/beta/src/components/Layout/useRouteMeta.tsx +++ b/beta/src/components/Layout/useRouteMeta.tsx @@ -62,7 +62,7 @@ export function useRouteMeta(rootRoute?: RouteItem) { breadcrumbs: [], }; } - const cleanedPath = router.asPath.split('?')[0]; + const cleanedPath = router.asPath.split(/[\?\#]/)[0]; const breadcrumbs = getBreadcrumbs(cleanedPath, routeTree); return { ...getRouteMeta(cleanedPath, routeTree), diff --git a/beta/src/components/Seo.tsx b/beta/src/components/Seo.tsx index e7f253fe..a5974f05 100644 --- a/beta/src/components/Seo.tsx +++ b/beta/src/components/Seo.tsx @@ -39,7 +39,7 @@ export const Seo = withRouter( {title != null && ( diff --git a/beta/src/content/learn/index.md b/beta/src/content/learn/index.md index 300a80df..5340e15e 100644 --- a/beta/src/content/learn/index.md +++ b/beta/src/content/learn/index.md @@ -304,7 +304,7 @@ Often, you'll want your component to "remember" some information and display it. First, import [`useState`](/apis/react/useState) from React: -```js {1,4} +```js import { useState } from 'react'; ```