serializeHtml --> Error: Unable to find the path for Slate node: {"type":"h2","children":[{"text":"A line of text!"}]}

[timcouchoud]

Hi, I am trying to use serializeHtml but I can not make it working.

I get Error: Unable to find the path for Slate node: {"type":"h2","children":[{"text":"A line of text!"}]}

It seems that h2 is not recognized (it works when I replace h2 with paragraph). Any idea what is wrong? Thanks!

---

Here my function returning html string:

const PlateHTML = ({ value }: { value: any }) => {
  const editor = createPlateEditor({
    plugins: plugins,
    components: components,
  });

  const nodesValues = JSON.parse(value);

  const nodes = [
    {
      type: "h2",
      children: [
        {
          text: "A line of text!",
        },
      ],
    },
  ];

  const html = serializeHtml(editor, {
    nodes: nodes,
  });

  return <>{html}</>;
};

---

Here my plugins:

let components = createPlateUI({
  [ELEMENT_EXCALIDRAW]: ExcalidrawElement,
  // customize your components by plugin key
});
components = withStyledPlaceHolders(components);
components = withStyledDraggables(components);
const plugins = createPlugins(
  [
    createParagraphPlugin(),
    createBlockquotePlugin(),
    createTodoListPlugin(),
    createHeadingPlugin(),
    createImagePlugin(),
    createHorizontalRulePlugin(),
    createLinkPlugin(),
    createListPlugin(),
    createTablePlugin(),
    createMediaEmbedPlugin(),
    createExcalidrawPlugin(),
    // createCodeBlockPlugin(),
    createAlignPlugin(CONFIG.align),
    createBoldPlugin(),
    createCodePlugin(),
    createItalicPlugin(),
    createHighlightPlugin(),
    createUnderlinePlugin(),
    createStrikethroughPlugin(),
    createSubscriptPlugin(),
    createSuperscriptPlugin(),
    createFontColorPlugin(),
    createFontBackgroundColorPlugin(),
    createFontSizePlugin(),
    createKbdPlugin(),
    createNodeIdPlugin(),
    createDndPlugin(),
    createIndentPlugin(CONFIG.indent),
    createAutoformatPlugin(CONFIG.autoformat),
    createResetNodePlugin(CONFIG.resetBlockType),
    createSoftBreakPlugin(CONFIG.softBreak),
    createExitBreakPlugin(CONFIG.exitBreak),
    //createNormalizeTypesPlugin(CONFIG.forceLayout),
    createTrailingBlockPlugin(CONFIG.trailingBlock),
    createSelectOnBackspacePlugin(CONFIG.selectOnBackspace),
    createComboboxPlugin(),
    createMentionPlugin(),
    createDeserializeMdPlugin(),
    createDeserializeCsvPlugin(),
    createDeserializeDocxPlugin(),
    createJuicePlugin(),
  ],
  {
    components,
  }
);