我没有深入挖掘，似乎生成图形的函数中有一个错误，并记住了div的链接。
然而，如果你给div添加id属性，它就开始正常工作了，也许库本身在后台使用id来访问DOM元素。
在App.js中

for (let i = 0; i < value; i++) {
  sciCharts.push(<SciChart key={i} id={i} />);
}

字符串
在SciChart.jsx中

const SciChart = ({ id }) => {
...
return (
  <div id={id} ref={ref} style={{ height: "20%", width: "20%" }}>
    SciChart
  </div>
);
}

型
在此测试https://codesandbox.io

你可以使用一个开源的官方React wrapper for scichart。
它似乎解决了这个问题。
查看Live Example

// SciChart.jsx

import { useRef } from "react";
import { SciChartReact } from "scichart-react";
import { dataForSciChart, drawData, initScichart } from "./initScichart";

const SciChart = () => {
  const intervalTimer = useRef();
  return (
    <SciChartReact
      style={{ height: "20%", width: "20%" }}
      fallback={<>Loading</>}
      initChart={initScichart}
      onInit={({ xyDataSeries }) => {
        intervalTimer.current = drawData(xyDataSeries, dataForSciChart);
      }}
      onDelete={() => {
        clearInterval(intervalTimer.current);
      }}
    />
  );
};

字符串