fix Hydration failed because the initial UI... while adding custom 404.mdx/500.mdx custom error pages

examples/docs/src/theme.config.js

@@ -65,7 +65,6 @@ export default {
   unstable_faviconGlyph: '✦',
   prevLinks: true,
   nextLinks: true,
-  floatTOC: true,
   footer: true,
   footerEditLink: 'Edit this page on GitHub',
   footerText: `MIT ${new Date().getFullYear()} © Nextra.`,

examples/swr-site/middleware.js

@@ -1,2 +1 @@
-import { locales } from "nextra/locales";
-export const middleware = locales;
+export { locales as middleware } from "nextra/locales";

examples/swr-site/pages/404.mdx

@@ -0,0 +1,5 @@
+import { NotFoundPage } from 'nextra-theme-docs'
+
+# 404 - This page could not be found
+
+<NotFoundPage />

examples/swr-site/pages/500.mdx

@@ -0,0 +1,5 @@
+import { ServerSideErrorPage } from 'nextra-theme-docs'
+
+# 500 - Internal Server Error
+
+<ServerSideErrorPage />

examples/swr-site/pages/docs/404-500.en-US.mdx

@@ -0,0 +1,57 @@
+# 404 / 500 pages
+
+Nextra support custom `404.mdx`/`500.mdx` pages.
+
+## 404
+
+To add `/404` page import `NotFoundPage`:
+
+```mdx filename="pages/404.mdx"
+import { NotFoundPage } from 'nextra-theme-docs'
+
+# 404 - This page could not be found
+
+<NotFoundPage />
+```
+
+[Click to try `/404` page.](/this-page-not-exist-trust-me)
+
+## 500
+
+To add `/500` page import `ServerSideErrorPage`:
+
+```mdx filename="pages/500.mdx"
+import { ServerSideErrorPage } from 'nextra-theme-docs'
+
+# 500 - Internal Server Error
+
+<ServerSideErrorPage />
+```
+
+[Click to try `/500` page.](/500)
+
+## Customize Theme Config Options
+
+Also, you can customize following options:
+
+```ts
+// ...
+notFoundLink?: ReactNode | FC
+notFoundLabels?: string
+serverSideErrorLink?: ReactNode | FC
+serverSideErrorLabels?: string
+```
+
+## Customize Layout
+
+```json filename="meta.json"
+"404": {
+  "type": "page"
+},
+"500": {
+  "type":"page",
+  "theme": {
+    "layout": "full"
+  }
+}
+```

examples/swr-site/pages/docs/meta.en-US.json

@@ -40,5 +40,6 @@
     "type": "page",
     "newWindow": true
   },
-  "scroll-with-dynamic-height": "Scroll With Dynamic Height"
+  "scroll-with-dynamic-height": "Scroll With Dynamic Height",
+  "404-500": "404/500 Custom Error Pages"
 }

examples/swr-site/pages/meta.en-US.json

@@ -55,5 +55,14 @@
     "href": "https://github.com/shuding/nextra",
     "type": "page",
     "newWindow": true
+  },
+  "404": {
+    "type": "page"
+  },
+  "500": {
+    "type":"page",
+    "theme": {
+      "layout": "full"
+    }
   }
 }