Can't replace TextNode with custom one

[EvHaus]

I'm building and HTML editor with Lexical (input is HTML, output is HTML). I see that Lexical wraps all text nodes with <span style="white-space: prewrap">...</span>. I want to remove this when the HTML is exported to keep my output HTML clear of any formatting.

As far as I understand, the way to accomplish this is to write a custom TextNode where I can control the exportDOM output. I've done this but it seems that Lexical doesn't support replacing TextNode nodes 😢 It works with ParagraphNodes, but not with TextNodes (it seems).

I've created a minimal repro here: https://codesandbox.io/p/sandbox/musing-lewin-j59szd?file=%2Fsrc%2Fnodes%2FCustomTextNode.js%3A18%2C1-19%2C1

Any idea why the exportDOM method of my CustomTextNode class never gets called?

[EvHaus]

I'm not sure what was wrong, but when I copy/pasted ExtendedTextNode from these docs: https://lexical.dev/docs/concepts/serialization#handling-extended-html-styling it started to work.