[Beta] Misc fixes

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;

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),

beta/src/components/Seo.tsx

@@ -39,7 +39,7 @@ export const Seo = withRouter(
       <meta
         property="og:url"
         key="og:url"
-        content={`https://beta.reactjs.org${router.asPath.split('?')[0]}`}
+        content={`https://beta.reactjs.org${router.asPath.split(/[\?\#]/)[0]}`}
       />
       {title != null && (
         <meta property="og:title" content={title} key="og:title" />

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