Embedding Gist Meeting in ReactJS.js

import React from "react";
import { useEffect } from "react";

export default function App() {
  useEffect(() => {
    const script = document.createElement("script");

    script.src = "https://meeting-widget.getgist.com/";
    script.async = true;

    document.body.appendChild(script);

    return () => {
      document.body.removeChild(script);
    };
  }, []);

  return (
    <div className="App">
      <h1>Embed Gist Meetings in React App</h1>
      <div
        className="meetings-iframe-container"
        data-src="https://getgist.me/jittarao/connect?embed=true"
      />
    </div>
  );
}