Can not render any React components from chart's render prop

[mayank-permiso]

Behaviour I require works everywhere like codesandbox, official website but when I use the same exact code in my app, it renders like this

when it should render like this-

No issues Demo

Any reason why is this happening? I have done these things with no result

• updated @ant-design/plots to 2.2.4
• updated react to 18.3.1
• I use typescript in my project

Strange thing-

This Does not work

 interaction: {
      elementSelectByX: { single: true },
      tooltip: {
        follow: false,
        enterable: true,
         render: (...e) => {
          return <a href="https://www.w3schools.com">Visit W3Schools.com!</a>;
        },
      },

This Works

 interaction: {
      elementSelectByX: { single: true },
      tooltip: {
        follow: false,
        enterable: true,
        render: (...e) => {
          return `<a href="https://www.w3schools.com">Visit W3Schools.com!</a>`; // as string
        },
      },

I need to use react components here so string will not always help. I am going crazy behind this.