Aladin.js

import React, { useEffect } from "react";

const Aladin = () => {
  useEffect(() => {
    // To call external javascript function from index.html you need to specify window.function name.
    let aladin = window.A.aladin("#aladin-lite-div", {
      survey: "P/DSS2/color",
      fov: 60,
    });

    aladin.setFov(1);
  }, []);

  return (
    <div id="aladin-lite-div" style={{ width: "1024px", height: "768px" }} />
  );
};

export default Aladin;