Reactjs 梅X折线图无响应

我正在使用MUI X折线图，但它没有响应.

              <div className="grid sm:col-span-full lg:grid-cols-2 lg:grid-rows-3 lg:gap-8">
            <div className="overflow:hidden">
              <LineChart
                xAxis={[
                  {
                    id: "Years",
                    data: years,
                    scaleType: "utc",
                    valueFormatter: (date) =>
                      date.toLocaleDateString("en-US", {
                        year: "numeric",
                        month: "short",
                      }),
                  },
                ]}
                series={[
                  {
                    id: "France",
                    label: "Quarter",
                    data: FranceGDPperCapita,
                    stack: "total",
                    area: true,
                    showMark: true,
                  },
                ]}
                height={400}
                width={600}
                margin={{ left: 70 }}
              />
            </div>
          </div>