[Not for merge] Perf investigation

beta/src/components/Layout/Sidebar/SidebarLink.tsx

@@ -38,11 +38,11 @@ export function SidebarLink({
 
   React.useEffect(() => {
     if (ref && ref.current && !!selected && !isMobile) {
-      scrollIntoView(ref.current, {
-        scrollMode: 'if-needed',
-        block: 'center',
-        inline: 'nearest',
-      });
+      // scrollIntoView(ref.current, {
+      //   scrollMode: 'if-needed',
+      //   block: 'center',
+      //   inline: 'nearest',
+      // });
     }
   }, [ref, selected, isMobile]);
 

beta/src/components/Layout/useTocHighlight.tsx

@@ -28,6 +28,7 @@ export function useTocHighlight() {
   const timeoutRef = React.useRef<number | null>(null);
 
   React.useEffect(() => {
+    return;
     function updateActiveLink() {
       const pageHeight = document.body.scrollHeight;
       const scrollPosition = window.scrollY + window.innerHeight;

beta/src/components/MDX/Challenges/Navigation.tsx

@@ -76,7 +76,7 @@ export function Navigation({
   }, [containerRef, challengesNavRef, scrollPos]);
 
   React.useEffect(() => {
-    handleResize();
+    //handleResize();
     window.addEventListener('resize', debounce(handleResize, 200));
     return () => {
       window.removeEventListener('resize', handleResize);

beta/src/components/MDX/CodeBlock/CodeBlock.tsx

@@ -38,6 +38,7 @@ const CodeBlock = React.forwardRef(
     },
     ref?: React.Ref<HTMLDivElement>
   ) => {
+    return <pre>lol</pre>
     const getDecoratedLineInfo = () => {
       if (!metastring) {
         return [];

beta/src/components/MDX/Sandpack/index.tsx

@@ -64,6 +64,7 @@ ul {
 `.trim();
 
 function Sandpack(props: SandpackProps) {
+  return <pre>lol</pre>
   let {children, setup, autorun = true} = props;
   let [resetKey, setResetKey] = React.useState(0);
   let codeSnippets = React.Children.toArray(children) as React.ReactElement[];