import dynamic from "next/dynamic";
import React, { useState, Suspense } from "react";

const Editor = dynamic(() => import("@davidilie/markdown-editor"), {
   ssr: false,
});

const Component: React.FC = () => {
   const [val, setVal] = useState("Hello World!");
   return (
      <Suspense fallback={<p>Loading...</p>}>
         <Editor
            defaultValue={val}
            onChange={(markdown) => setVal(markdown())}
         />
      </Suspense>
   );
};

export default Component;

import React, { useState } from "react";

import Editor from "@davidilie/markdown-editor";

const Component: React.FC = () => {
   const [val, setVal] = useState("Hello World!");
   return (
      <Editor defaultValue={val} onChange={(markdown) => setVal(markdown())} />
   );
};

export default Component;