Html option (data-html) is not working

Hello there,

I am trying to render an html content for my tooltip using html prop but it is rendering an “object [Object]”.

Even with the commented line.

With a simple text as data-tip it is working correctly.

const Popover = ({ children, content, title, trigger }) => {
  return (
    <>
      {React.cloneElement(children, {
        'data-tip': <p>This is a test</p>,
        'data-for': 'foo',
        // 'data-html': true,
      })}
      <ReactTooltip id="foo" html />
    </>
  );
};

Can anyone help me? Did I miss something?

Thanks.

[jasur-n]

@LeoLetourneur @UnumIDAdmin Have you tried to add a multiline prop? In Options list there is a prop’s definition:

I hope it will solve yout problem!

[LeoLetourneur]

Hello,

I have a problem using html=true and <br>. If I use <br>, it displays “[Object, object], [Object, object]”. If I remove it, it’s fine.