In src/polar/Pie.tsx around lines 144 to 159, the current PieSectorDataItem uses
Omit<RealPieData, ...> while RealPieData is still typed as any, which collapses
the intersection back to any; change RealPieData from any to a narrower shape
(for example reuse the existing ChartDataInput type or declare it as
Record<string, unknown>) before performing the Omit so that
PieSectorDataItemKnown fields remain strongly typed while still permitting
arbitrary extra properties.

#!/bin/bash
# Check the test file to see what assertions were added
echo "=== Test file assertions ==="
rg -A 5 -B 2 "innerRadius|outerRadius|percent" test/polar/Pie.spec.tsx

#!/bin/bash
# Look at how PieSectorDataItem and PieLabelRenderProps are used in the codebase
echo "=== Usage of PieLabelRenderProps ==="
rg -n "PieLabelRenderProps" --type ts --type tsx -C 2

echo -e "\n=== Usage of PieSectorDataItem ==="
rg -n "PieSectorDataItem" --type ts --type tsx -C 2

#!/bin/bash
# Check the example files to see how the label props are being used
echo "=== PieChartWithCustomizedLabel usage ==="
cat www/src/docs/exampleComponents/PieChart/PieChartWithCustomizedLabel.tsx | head -60

#!/bin/bash
# Look at the computePieSectors function to understand how data is spread
echo "=== computePieSectors function - data spreading ==="
sed -n '/export function computePieSectors/,/^}/p' src/polar/Pie.tsx | head -100

#!/bin/bash
# Check how entryWithCellInfo is constructed and what properties it contains
echo "=== Looking for entryWithCellInfo and data spreading pattern ==="
rg -n "entryWithCellInfo|\.\.\.entry" src/polar/Pie.tsx -A 3 -B 3

Learnt from: CR
PR: recharts/recharts#0
File: CONTRIBUTING.md:0-0
Timestamp: 2025-10-25T07:35:14.559Z
Learning: Applies to **/*.{ts,tsx} : Prefer unknown over any and refine types appropriately

In www/src/docs/exampleComponents/PieChart/PieChartWithNeedle.tsx around line 2,
the file imports PieSectorDataItem from an internal path
(recharts/types/polar/Pie); change the import to use the public API by importing
PieSectorDataItem directly from 'recharts' instead, updating the import
statement to import { PieSectorDataItem } from 'recharts'.

Learnt from: CR
PR: recharts/recharts#0
File: AGENTS.md:0-0
Timestamp: 2025-10-25T07:36:02.211Z
Learning: Recharts aims for simple, declarative, and composable charts; prioritize consistency, usability, performance, and accessibility

Learnt from: CR
PR: recharts/recharts#0
File: test/README.md:0-0
Timestamp: 2025-10-25T07:35:46.180Z
Learning: Applies to test/**/*.test.{ts,tsx} : Mock getBoundingClientRect using test/helper/MockGetBoundingClientRect.ts when rendering Recharts components (e.g., Tooltip, Legend, charts)

Learnt from: CR
PR: recharts/recharts#0
File: CONTRIBUTING.md:0-0
Timestamp: 2025-10-25T07:35:14.559Z
Learning: Provide a reduced, reproducible test case (e.g., via CodeSandbox or fork of recharts.github.io) when reporting issues

#!/bin/bash
# Create a GitHub issue to track the follow-up task

gh issue create \
  --title "Update PieSectorDataItem import to use public API path after npm publish" \
  --body "## Description

After PR #6533 is merged and published to npm, update the import path for \`PieSectorDataItem\` in the PieChartWithNeedle example to use the public API.

## Location
\`www/src/docs/exampleComponents/PieChart/PieChartWithNeedle.tsx\` (line 2)

## Current Import
\`\`\`typescript
import { PieSectorDataItem } from 'recharts/types/polar/Pie';
\`\`\`

## Desired Import
\`\`\`typescript
import { PieSectorDataItem } from 'recharts';
\`\`\`

## Context
The \`PieSectorDataItem\` type is being added to the public API in PR #6533 and is exported from \`src/index.ts\`. However, the example currently uses an internal import path because the changes haven't been published to npm yet.

## References
- PR: https://github.com/recharts/recharts/pull/6533
- Discussion: https://github.com/recharts/recharts/pull/6533#discussion_r2478305779
- Requested by: @PavelVanecek" \
  --assignee PavelVanecek

PieSectorDataItem

 Pie

PieChart

Tooltip

export const isAnimationActive: StorybookArg = {
  description: 'If set false, animation of component will be disabled.',
  table: {
    type: { summary: 'boolean' },
    defaultValue: { summary: 'true in CSR, and false in SSR' },
    category: 'Animation',
  },
  defaultValue: true,
};

export const cx: StorybookArg = {
  description: 'The x-coordinate of the dots center.',
  table: {
    type: { summary: 'number' },
    category: 'General',
  },
};

export const cy: StorybookArg = {
  description: 'The y-coordinate of the dots center.',
  table: {
    type: { summary: 'number' },
    category: 'General',
  },
};

export type PieSectorDataItem = PieSectorDataItemKnown & Omit<RealPieData, keyof PieSectorDataItemKnown>;

export function Pie(outsideProps: Props) {
  const props: PropsWithResolvedDefaults = resolveDefaultProps(outsideProps, defaultPieProps);
  const { id: externalId, ...propsWithoutId } = props;
  const presentationProps: PiePresentationProps | null = svgPropertiesNoEvents(propsWithoutId);

  return (
    <RegisterGraphicalItemId id={externalId} type="pie">
      {id => (
        <>
          <SetPolarGraphicalItem
            type="pie"
            id={id}
            data={propsWithoutId.data}
            dataKey={propsWithoutId.dataKey}
            hide={propsWithoutId.hide}
            angleAxisId={0}
            radiusAxisId={0}
            name={propsWithoutId.name}
            nameKey={propsWithoutId.nameKey}
            tooltipType={propsWithoutId.tooltipType}
            legendType={propsWithoutId.legendType}
            fill={propsWithoutId.fill}
            cx={propsWithoutId.cx}
            cy={propsWithoutId.cy}
            startAngle={propsWithoutId.startAngle}
            endAngle={propsWithoutId.endAngle}
            paddingAngle={propsWithoutId.paddingAngle}
            minAngle={propsWithoutId.minAngle}
            innerRadius={propsWithoutId.innerRadius}
            outerRadius={propsWithoutId.outerRadius}
            cornerRadius={propsWithoutId.cornerRadius}
            presentationProps={presentationProps}
            maxRadius={props.maxRadius}
          />
          <SetPiePayloadLegend {...propsWithoutId} id={id} />
          <PieImpl {...propsWithoutId} id={id} />
        </>
      )}
    </RegisterGraphicalItemId>
  );
}

Learnt from: CR
PR: recharts/recharts#0
File: AGENTS.md:0-0
Timestamp: 2025-10-25T07:36:02.211Z
Learning: Recharts aims for simple, declarative, and composable charts; prioritize consistency, usability, performance, and accessibility

Learnt from: CR
PR: recharts/recharts#0
File: test/README.md:0-0
Timestamp: 2025-10-25T07:35:46.180Z
Learning: Applies to test/**/*.test.{ts,tsx} : Mock getBoundingClientRect using test/helper/MockGetBoundingClientRect.ts when rendering Recharts components (e.g., Tooltip, Legend, charts)

Learnt from: CR
PR: recharts/recharts#0
File: CONTRIBUTING.md:0-0
Timestamp: 2025-10-25T07:35:14.559Z
Learning: Provide a reduced, reproducible test case (e.g., via CodeSandbox or fork of recharts.github.io) when reporting issues

In www/src/docs/exampleComponents/PieChart/PieChartWithNeedle.tsx around lines
14 to 40, the Needle component destructures fields that may be undefined and
lacks an explicit return type; update the function signature to include an
explicit return type (e.g., JSX.Element | null) and add null-safety guards for
cx, cy, midAngle, innerRadius, and outerRadius (return null if required numeric
values are missing or coerce with safe defaults) before computing
needleBaseCenterX/needleBaseCenterY/needleLength; ensure transform and
transformOrigin only use valid numbers (e.g., derive strings after validation)
so the component never operates on undefined values.

In src/polar/Pie.tsx around line 137, the payload property's type is declared as
`any`; change it to `unknown` and update any local usages to narrow or assert
the type before treating it as a specific shape. Replace `payload?: any;` with
`payload?: unknown;`, and for places that read fields from payload add
appropriate type guards, instanceof checks, or casts (e.g., create a typed
interface and cast after validation) so consumers refine the type before use.