fixed codeblock build error

Author: bennobuilder

src/components/other/SectionScroller/components/SectionLeftItem/index.tsx

@@ -11,20 +11,20 @@ export type Props = {
 };
 
 const SectionLeftItem: React.FC<Props> = (props) => {
-    const { code, active, forwardRef, style } = props;
+  const { code, active, forwardRef, style } = props;
 
-    return (
-      <div
-        style={style}
-        ref={forwardRef}
-        className={clsx(styles.Container, {
-          [styles.Container_Active]: active,
-        })}>
-        <CodeBlock style={{ position: 'relative' }} className={'javascript'}>
-          {code}
-        </CodeBlock>
-      </div>
-    );
+  return (
+    <div
+      style={style}
+      ref={forwardRef}
+      className={clsx(styles.Container, {
+        [styles.Container_Active]: active,
+      })}>
+      <CodeBlock style={{ position: 'relative' }} className={'javascript'}>
+        {code}
+      </CodeBlock>
+    </div>
+  );
 };
 
 export default SectionLeftItem;

src/theme/Navbar/index.tsx

@@ -102,9 +102,7 @@ const Navbar = (): JSX.Element => {
             isSearchBarExpanded={isSearchBarExpanded}
           />
         </div>
-        <BrowserOnly>
-          <Progressbar />
-        </BrowserOnly>
+        <BrowserOnly>{() => <Progressbar />}</BrowserOnly>
       </div>
 
       {/* Donut */}

src/theme/hooks/usePrismTheme.ts

@@ -0,0 +1,16 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { useAgile } from '@agile-ts/react';
+import core from '../../core';
+import defaultTheme from 'prism-react-renderer/themes/palenight';
+
+const usePrismTheme = () => {
+  const { siteConfig } = useDocusaurusContext();
+  const prismTheme = siteConfig.themeConfig.prism.theme;
+  const lightModeTheme = prismTheme.theme || defaultTheme;
+  const darkModeTheme = prismTheme.darkTheme || lightModeTheme;
+  const themeType = useAgile(core.ui.THEME_TYPE);
+
+  return themeType === 'dark' ? darkModeTheme : lightModeTheme;
+};
+
+export default usePrismTheme;