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';
```