Need Preview Mode

[muslimmuda15]

After my page can edit rich editor, i need show my result in preview mode in same page.
using params readOnly is true is not enough because all the toolbar still in there.
so i making code like this

{readOnly === false ? (
          <MDXEditor
            markdown={value}
            onChange={setValue}
            readOnly={false}
            plugins={[
              headingsPlugin(),
              listsPlugin(),
              quotePlugin(),
              markdownShortcutPlugin(),
              diffSourcePlugin({ diffMarkdown, viewMode }),
              toolbarPlugin({
                toolbarClassName: "my-classname",
                toolbarContents: () => (
                  <>
                    <DiffSourceToggleWrapper>
                      <UndoRedo />
                      <ToolbarSeparator />
                      <BoldItalicUnderlineToggles />
                      <ToolbarSeparator />
                      <BlockTypeSelect />
                      <ToolbarSeparator />
                      <ListsToggle />
                      <ToolbarSeparator />
                      <InsertTable />
                      <InsertCodeBlock />
                      <InsertImage />
                      <InsertThematicBreak />
                      <CreateLink />
                      <CodeToggle />
                    </DiffSourceToggleWrapper>
                  </>
                ),
              }),
            ]}
            contentEditableClassName="prose max-w-full"
          />
        ) : (
          <MDXEditor
            markdown={value}
            readOnly={true}
            plugins={[
              headingsPlugin(),
              listsPlugin(),
              quotePlugin(),
              diffSourcePlugin({ diffMarkdown, viewMode }),
            ]}
            contentEditableClassName="prose max-w-full"
          />
        )}

but still not working because toolbar just disabled.
I need disappear toolbars after i edit.