Custom Block - Blockqute

[jeroenalfes]

Describe the bug
I have created a custom block called blockquote. It is working in preview. But everytime when i reload the page. The

is replaces with

and the class is deleted as well. When i load the HTML Content i am using the function "tryParseHTMLToBlocks" to convert everything from HTML to blocks and then "replaceBlocks". I think this is my main issue, but i have no idea how can i fix this.

To Reproduce

import { createReactBlockSpec } from "@blocknote/react";

import "./styles.css"

export const Blockquote = createReactBlockSpec(
  {
    type: "blockquote",
    propSchema: {
    },
    content: "inline",
  },
  {
    render: (props) => {
      return (
        <blockquote className={"bn-block"} data-text-color="red" ref={props.contentRef} >
        </blockquote>
      );
    },
  }
);

const schema = BlockNoteSchema.create({
    blockSpecs: {
      // Adds all default blocks.
      ...defaultBlockSpecs,
      // Adds the Alert block.
      blockquote: Alert
    },
  });
  const editor = useCreateBlockNote({
    schema: schema,
    uploadFile,
    trailingBlock: false,

  });

        const blocks = await editor.tryParseHTMLToBlocks(content.data.teaser);
        editor.replaceBlocks(editor.document, blocks);

         <BlockNoteView editor={editor} theme={"light"}  formattingToolbar={false}  onChange={() => {
          save(editor.document);
        }}>
            <FormattingToolbarController
        formattingToolbar={() => (
          <FormattingToolbar
            blockTypeSelectItems={[
              ...blockTypeSelectItems(editor.dictionary),
              {
                name: "Blockquote",
                type: "blockquote",
                icon: RiAlertFill,
                isSelected: (block:any) => block.type === "blockquote",
              } satisfies BlockTypeSelectItem,
            ]}
          />
        )}
      />
          </BlockNoteView>

I am not sure, but a blockquote is actually a standard in most common editors, but i couldnt find this custom block.

Thank you so much in advance.

Misc

• Browser: Chrome
• I'm a sponsor and would appreciate if you could look into this sooner than later 💖