⬆️ upgrade nextra

Author: antoinekm

components/Brand/index.tsx

@@ -1,20 +1,9 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const nextra = require("nextra");
 
-/**
- * @type {import("nextra").NextraConfig}
- */
-const config = {
+const withNextra = nextra({
   theme: "nextra-theme-docs",
-  themeConfig: "./theme.config.js",
-  unstable_flexsearch: true,
-  unstable_staticImage: true,
-};
-
-const withNextra = nextra(config);
-
-module.exports = withNextra({
-  compiler: {
-    styledComponents: true,
-  },
+  themeConfig: "./theme.config.tsx",
 });
+
+module.exports = withNextra();

components/Footer/index.tsx

@@ -11,17 +11,12 @@
   "author": "Shu Ding",
   "license": "MIT",
   "dependencies": {
-    "@onruntime/next-link": "^0.1.5",
-    "@reach/skip-nav": "^0.18.0",
-    "@types/styled-components": "^5.1.26",
     "next": "^12.1.6",
-    "next-seo": "^6.0.0",
-    "nextra": "2.0.0-alpha.56",
-    "nextra-theme-docs": "2.0.0-alpha.59",
+    "nextra": "^2.13.4",
+    "nextra-theme-docs": "^2.13.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-markdown": "^9.0.0",
-    "styled-components": "^5.3.5",
+    "react-markdown": "^9.0.1",
     "urlcat": "^3.0.0"
   },
   "devDependencies": {

next.config.js

@@ -0,0 +1,4 @@
+export default function App({ Component, pageProps }) {
+  // eslint-disable-next-line react/jsx-filename-extension
+  return <Component {...pageProps} />;
+}

package.json

@@ -1,8 +1,10 @@
-import { useSSG } from 'nextra/ssg';
-import Markdown from 'react-markdown';
+import { useSSG } from "nextra/ssg";
+import Markdown from "react-markdown";
 
 export const getStaticProps = ({ params }) => {
-  return fetch(`https://raw.githubusercontent.com/onRuntime/.github/master/.github/CODE_OF_CONDUCT.md`)
+  return fetch(
+    "https://raw.githubusercontent.com/onRuntime/.github/master/.github/CODE_OF_CONDUCT.md",
+  )
     .then((res) => res.text())
     .then((text) => ({
       props: {
@@ -14,17 +16,13 @@ export const getStaticProps = ({ params }) => {
       },
       // The page will be considered as stale and regenerated every 60 seconds.
       revalidate: 60,
-    }))
-}
+    }));
+};
 
 export const CodeOfConduct = ({ ssg }) => {
   const { markdown } = useSSG(ssg);
-  
-  return (
-    <Markdown>
-      {markdown}
-    </Markdown>
-  )
-}
 
-<CodeOfConduct />
+return <Markdown>{markdown}</Markdown>;
+};
+
+<CodeOfConduct />;