Type errors with v5.0.0 about html-react-parser HOT 6 CLOSED

For the 1st error, can you return void since the return type should either be a React element or void (returning the domNode shouldn't really do anything):

-        return domNode // error 1
+        return

For the 2nd error, can you use type assertion:

-        return <>{domToReact(domNode.children, options)}</> // error 2
+        return <>{domToReact((domNode as Element).children as DOMNode[], options)}</>

Preferably you should check domNode instanceof Element instead of domNode as Element to prevent runtime errors.

You can import Element and DOMNode from:

import { Element, DOMNode } from 'html-react-parser';

from html-react-parser.

Thanks, the method works.

from html-react-parser.

I decided to add back the object return type for replace option in order to fix error 1. See #1129

from html-react-parser.

Release:

• #1128 (comment)

from html-react-parser.

` const options: HTMLReactParserOptions = {
replace: (domNode: DOMNode) => {
if (!(domNode instanceof Element)) return;
if (domNode.name === "ul") {
return (

{domToReact(domNode.children as DOMNode[])}

  if (domNode.name === "li") {
    return (
      <li className="flex gap-2 items-center ">
        <Icons.PinkArrowMarker />
        {domToReact(domNode.children as DOMNode[])}
      </li>
    );
  }
},

};`
Only first condition is getting replaced, can anyone help me with this?

from html-react-parser.

@Bkumar48 can you open a new issue and provide a reproducible example?

from html-react-parser.