Integrating jdoodle ide in react not rendering

Question

I'm trying to integrate JDoodle IDE in React app .

I'm using Frame library

<Frame>
  <IDE />
</Frame>

IDE component

export function IDE(props: any) {
  return (
    <>
      <div
        data-pym-src="https://www.jdoodle.com/plugin"
        data-language="java"
        data-version-index="4"
      >
      </div>
      <script
        src="https://www.jdoodle.com/assets/jdoodle-pym.min.js"
        type="text/javascript"
      ></script>
    </>
  );
}

I get blank output.

I'm expecting to get this IDE