Upgrade to latest next/mdxeditor

app/globals.css

@@ -1,7 +1,4 @@
-/** 
- * Tailwind removes all styling, includling the headings, so disabling this.
- * You can use the prose plugin for tailwind for better styling.
- */
-/* @tailwind base; */
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+@import '../node_modules/@mdxeditor/editor/dist/style.css';

app/page.tsx

@@ -5,15 +5,20 @@ import { Suspense } from 'react'
 const EditorComp = dynamic(() => import('./EditorComponent'), { ssr: false })
 
 const markdown = `
-# Hello world!
-Check the EditorComponent.tsx file for the code .
+Hello **world**!
 `
+
 export default function Home() {
   return (
-    <div>Editor:
+    <>
+    <p>This is a bare-bones unstyled MDX editor without any plugins and no toolbar. Check the EditorComponent.tsx file for the code.</p>
+      <p>To enable more features, add the respective plugins to your instance - see <a className="text-blue-600" href="https://mdxeditor.dev/editor/docs/getting-started">the docs</a> for more details.</p>
+      <br />
+    <div style={{border: '1px solid black'}}>
       <Suspense fallback={null}>
         <EditorComp markdown={markdown} />
       </Suspense>
     </div>
+    </>
   )
 }