Optional props being marked required in prop types

[ryanmio]

I had a wall of Failed prop type warnings on my responsive line. But they are marked as optional in the docs. What am i missing here?

Using Nextjs.

'use client'
import { ResponsiveLine } from "@nivo/line";
import React from "react";

function LineChart(props) {
    return (
      (<div {...props}>
        <ResponsiveLine
          data={[
            {
              id: "Desktop",
              data: [
                { x: "Jan", y: 43 },
                { x: "Feb", y: 137 },
                { x: "Mar", y: 61 },
                { x: "Apr", y: 145 },
                { x: "May", y: 26 },
                { x: "Jun", y: 154 },
              ],
            },
            {
              id: "Mobile",
              data: [
                { x: "Jan", y: 60 },
                { x: "Feb", y: 48 },
                { x: "Mar", y: 177 },
                { x: "Apr", y: 78 },
                { x: "May", y: 96 },
                { x: "Jun", y: 204 },
              ],
            },
          ]}
          margin={{ top: 10, right: 10, bottom: 40, left: 40 }}
          xScale={{
            type: "point",
          }}
          yScale={{
            type: "linear",
          }}
          axisTop={null}
          axisRight={null}
          axisBottom={{
            tickSize: 0,
            tickPadding: 16,
          }}
          axisLeft={{
            tickSize: 0,
            tickValues: 5,
            tickPadding: 16,
          }}
          colors={["#2563eb", "#e11d48"]}
          pointSize={6}
          useMesh={true}
          gridYValues={6}
          theme={{
            tooltip: {
              chip: {
                borderRadius: "9999px",
              },
              container: {
                fontSize: "12px",
                textTransform: "capitalize",
                borderRadius: "6px",
              },
            },
            grid: {
              line: {
                stroke: "#f3f4f6",
              },
            },
          }}
          role="application" />
      </div>)
    );
  }

export default function OTTWeightTracking() {
  return (
    
          <LineChart className="w-full aspect-[16/9]" />
    
  );
}

[rldona-cepsa]

I have the same problem, is it being reviewed?

Used dependencies:

{
  "name": "ccle-decarbonization-webapp",
  "version": "1.1.0",
  "scripts": {
    "start": "vite",
    "dev": "vite",
    "build": "tsc && vite build",
    "serve": "vite preview",
    "test": "vitest run",
    "test:watch": "vitest watch",
    "test:coverage": "vitest run --coverage",
    "test:e2e": "playwright test",
    "test:e2e:ui": "playwright test --ui",
    "test:e2e:generate:report": "playwright test --reporter=html",
    "test:e2e:show:report": "playwright show-report",
    "dependencies:version": "ncu",
    "dependencies:update": "ncu -u",
    "version:major": "standard-version --skip.tag --release-as major",
    "version:minor": "standard-version --skip.tag --release-as minor",
    "version:patch": "standard-version --skip.tag --release-as patch",
    "version:hotfix": "standard-version --skip.tag --prerelease HF"
  },
  "dependencies": {
    "@nivo/bar": "^0.85.1",
    "@nivo/core": "^0.85.1",
    "@nivo/line": "^0.85.1",
    "@reduxjs/toolkit": "^2.2.3",
    "million": "^3.0.6",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-jwt": "^1.2.1",
    "react-redux": "^9.1.0",
    "react-router-dom": "^6.22.3",
    "sass": "^1.74.1",
    "ui-library": "^1.3.16"
  },
  "devDependencies": {
    "@faker-js/faker": "^8.4.1",
    "@playwright/test": "^1.42.1",
    "@testing-library/dom": "^9.3.4",
    "@testing-library/jest-dom": "^6.4.2",
    "@testing-library/react": "^14.2.2",
    "@testing-library/user-event": "^14.5.2",
    "@types/jest": "^29.5.12",
    "@types/node": "20.12.4",
    "@types/react": "^18.2.74",
    "@types/react-dom": "^18.2.24",
    "@typescript-eslint/eslint-plugin": "^7.5.0",
    "@typescript-eslint/parser": "^7.5.0",
    "@vitejs/plugin-react-swc": "^3.6.0",
    "@vitest/coverage-v8": "^1.4.0",
    "c8": "^9.1.0",
    "eslint": "~8.57.0",
    "eslint-config-prettier": "9.1.0",
    "eslint-plugin-cypress": "^2.15.1",
    "eslint-plugin-import": "2.29.1",
    "eslint-plugin-jsx-a11y": "6.8.0",
    "eslint-plugin-react": "7.34.1",
    "eslint-plugin-react-hooks": "4.6.0",
    "husky": "^9.0.11",
    "jest": "^29.7.0",
    "jsdom": "^24.0.0",
    "msw": "^2.2.13",
    "npm-check-updates": "^16.14.18",
    "prettier": "^3.2.5",
    "standard-version": "^9.5.0",
    "typescript": "^5.4.3",
    "vite": "^5.2.8",
    "vitest": "^1.4.0"
  },
  "msw": {
    "workerDirectory": [
      "public"
    ]
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  }
}

[AlexanderMoroz]

Same.

    "@nivo/bar": "^0.85.1",
    "@nivo/calendar": "^0.87.0",
    "@nivo/core": "^0.85.1",
    "@nivo/line": "^0.85.1",
    "@nivo/pie": "0.85.1",
    "@nivo/radar": "^0.85.1",
    "@nivo/swarmplot": "^0.87.0",
    "@nivo/treemap": "^0.86.0",