Как добавить iframe со встроенным скриптом в мой проект Next.js?

Для этого вам не обязательно использовать тег сценария, это способ сделать это с помощью реакции.

// components/DataWrapperChart.js

import { useEffect } from 'react';

const DataWrapperChart = ({ id }) => {
  useEffect(() => {
    const handleMessage = (event) => {
      if (event.data["datawrapper-height"]) {
        const iframes = document.querySelectorAll("iframe");
        for (let iframe of iframes) {
          if (iframe.contentWindow === event.source) {
            const height = event.data["datawrapper-height"][id] + "px";
            iframe.style.height = height;
          }
        }
      }
    };

    window.addEventListener("message", handleMessage);

    return () => {
      window.removeEventListener("message", handleMessage);
    };
  }, [id]);

  return (
    <iframe
      className = "plot"
      aria-label = "Map"
      id = {`datawrapper-chart-${id}`}
      src = {`https://datawrapper.dwcdn.net/${id}/1/`}
      style = {{ width: '0', minWidth: '100% !important', overflow: 'scroll', flexGrow: '1' }}
      data-external = "1"
    ></iframe>
  );
};

export default DataWrapperChart;

тогда мы сможем использовать его на какой-нибудь странице вроде этой

// pages/somepage.js

import DataWrapperChart from '../components/DataWrapperChart';

const SomePage = () => {
  const chartId = "your-chart-id";

  return (
    <div>
      <h1>Your Page</h1>
      <DataWrapperChart id = {chartId} />
    </div>
  );
};

export default SomePage;