// components/MarkdownEditor.jsx

import dynamic from "next/dynamic";

export default dynamic(() => import("@mantine/rte"), {
  ssr: false,
  loading: () => null,
});



// pages/index.js

import RichTextEditor from "../components/MarkdownEditor";
import { useState } from "react";

export default function Home() {
    const [data, setData] = useState("");

    return (
        <>
            <main>
                 <RichTextEditor defaultValue={data} onChange={setData} />
            </main>
        </>
    )
}