potio-react.js

import React, { useEffect } from 'react';

const LoadPotioScript = () => {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = "https://webcomponent.potio.cc/index.js";
    script.async = true;
    document.body.appendChild(script);

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

  return null;
};

const App = () => {
  return (
    <div className="App">
      <h1>Hello, World!</h1>
      <LoadPotioScript />
    </div>
  );
};