Update Nextra from v2 to v3

components/github.tsx

@@ -14,7 +14,7 @@ import { useState } from "react";
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { Input } from "./ui/input";
-import { useMDXComponents } from "nextra-theme-docs";
+import { useMDXComponents } from "nextra/mdx";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card";
 import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
 import { Link } from "nextra-theme-docs"

components/page-index.tsx

@@ -1,7 +1,7 @@
 import {
   getPagesUnderRoute,
 } from "nextra/context";
-import { Card, Cards } from "nextra/components";
+import { Cards } from "nextra/components";
 import { BookMarkedIcon } from "lucide-react";
 
 function PageIndex({
@@ -22,12 +22,12 @@ function PageIndex({
                 const route = page.route;
 
                 return (
-                    <Card
+                    <Cards.Card
                         key={i}
                         icon={<BookMarkedIcon />}
                         title={title}
                         href={route}
-                    >{null}</Card>
+                    >{null}</Cards.Card>
                 );
             })
         }

next.config.js

@@ -31,7 +31,7 @@ module.exports = {
 }
 
 // Add Nextra config
-const withNextra = require('nextra')({
+const withNextra = require('nextra').default({
   theme: 'nextra-theme-docs',
   themeConfig: './theme.config.tsx',
   latex: true, // LaTeX support: https://nextra.site/docs/guide/advanced/latex