web-humas-fe/components/ui/social-media/youtube.tsx

import { useEffect } from "react";

const YoutubeWidget = () => {
  useEffect(() => {
    if (typeof window !== "undefined") {
      const script = document.createElement("script");
      script.src = "https://embedsocial.com/cdn/ht.js";
      script.async = true;
      document.head.appendChild(script);

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

  return (
    <div
      className="embedsocial-hashtag rounded-md"
      // data-ref="7ad1e18598045d000abbf6de3479b1bbd5502583"
      data-ref="7501cb8270327e936909c6ed57298ead0c5c07d0"
    ></div>
  );
};

export default YoutubeWidget;