I am using Devextreme Charts line chart component for my react project. I created a component that includes this line chart, and I display it 4 times. I have to display points on the chart but it display the points on just one of them and I do not know why? How can I solve it?

DuPont.js

<Row>
    <DuPontLineCharts
        title="Öz Kaynak Getirisi"
        firminfo={firminfo}
        />
        <DuPontLineCharts title="Net Kar Marjı" firminfo={firminfo} />
        <DuPontLineCharts
            title="Aktif Devir Hızı"
            firminfo={firminfo}
            />
        <DuPontLineCharts
            title="Varlığın Özkaynağa Oranı"
            firminfo={firminfo}
            />
</Row>

DuPontLineCharts.js

export default function DuPontLineCharts({ firminfo, title }) {
...
<Chart palette={color} dataSource={final}>
        <CommonSeriesSettings argumentField="label" type="line" />

        {label.map(function (item) {
          return (
            <Series key={item.value} valueField={item.value} name={item.name}>
              <Point symbol="polygon" visible={true} />
            </Series>
          );
        })}
        <Size height={120} />
        <Legend visible={false} />
        <Tooltip enabled={true} />
      </Chart>

And to be clear;