@octanejs/recharts 0.1.62 → 0.1.64

package/src/shape/Cross.tsrx

@@ -24,14 +24,20 @@ export function Cross(crossProps: Props) {
 	const { x = 0, y = 0, top = 0, left = 0, width = 0, height = 0, className, ...rest } = crossProps;
 	const props = { x, y, top, left, width, height, ...rest };
 	if (
-		!isNumber(x) || !isNumber(y) || !isNumber(width) || !isNumber(height) || !isNumber(top) ||
-			!isNumber(left)
+		!isNumber(x) ||
+		!isNumber(y) ||
+		!isNumber(width) ||
+		!isNumber(height) ||
+		!isNumber(top) ||
+		!isNumber(left)
 	) {
 		return null;
 	}
-	return <path
-		{...svgPropertiesAndEvents(props)}
-		className={clsx('recharts-cross', className)}
-		d={getPath(x, y, width, height, top, left)}
-	/>;
+	return (
+		<path
+			{...svgPropertiesAndEvents(props)}
+			className={clsx('recharts-cross', className)}
+			d={getPath(x, y, width, height, top, left)}
+		/>
+	);
 }

package/src/shape/Curve.tsrx

@@ -32,14 +32,12 @@ export type CurveType =
 	| 'stepBefore'
 	| 'stepAfter'
 	| CurveFactory;
-type AreaPoint =
-	Coordinate & {
-		base: Coordinate;
-	};
-type NullableAreaPoint =
-	NullableCoordinate & {
-		base?: NullableCoordinate;
-	};
+type AreaPoint = Coordinate & {
+	base: Coordinate;
+};
+type NullableAreaPoint = NullableCoordinate & {
+	base?: NullableCoordinate;
+};
 export type BaseLineType = number | ReadonlyArray<NullableCoordinate>;
 interface CurveProps {
 	className?: SVGProps<SVGPathElement>['className'];
@@ -63,20 +61,21 @@ type CurveMouseEvents = {
 	onMouseOver?: CurveMouseEventHandler;
 	onMouseOut?: CurveMouseEventHandler;
 };
-export type Props =
-	Omit<
-		PresentationAttributesWithProps<CurveProps, SVGPathElement>,
-		| 'type'
-		| 'points'
-		| 'onClick'
-		| 'onMouseEnter'
-		| 'onMouseLeave'
-		| 'onMouseDown'
-		| 'onMouseUp'
-		| 'onMouseMove'
-		| 'onMouseOver'
-		| 'onMouseOut'
-	> & CurveMouseEvents & CurveProps;
+export type Props = Omit<
+	PresentationAttributesWithProps<CurveProps, SVGPathElement>,
+	| 'type'
+	| 'points'
+	| 'onClick'
+	| 'onMouseEnter'
+	| 'onMouseLeave'
+	| 'onMouseDown'
+	| 'onMouseUp'
+	| 'onMouseMove'
+	| 'onMouseOver'
+	| 'onMouseOut'
+> &
+	CurveMouseEvents &
+	CurveProps;
 type GetPathProps = Pick<Props, 'type' | 'points' | 'baseLine' | 'layout' | 'connectNulls'>;
 // Port of shape/Curve.tsx — the line/area path. The `d` string comes straight
 // from victory-vendor's d3-shape line/area generators (same dependency, same
@@ -157,28 +156,37 @@ export const getPath = ({
 	connectNulls = defaultCurveProps.connectNulls,
 }: GetPathProps): string | null => {
 	const curveFactory = getCurveFactory(type, layout);
-	const formatPoints: ReadonlyArray<NullableCoordinate> =
-		connectNulls ? points.filter(defined) : points;
+	const formatPoints: ReadonlyArray<NullableCoordinate> = connectNulls
+		? points.filter(defined)
+		: points;
 
 	// An area chart's array `baseLine` pairs each point with its baseline
 	// counterpart FIRST, so the `defined` filter drops both sides together.
 	if (Array.isArray(baseLine)) {
-		const areaPoints: ReadonlyArray<NullableAreaPoint> = points.map(
-			(entry, index) => ({ ...entry, base: baseLine[index] }),
-		);
+		const areaPoints: ReadonlyArray<NullableAreaPoint> = points.map((entry, index) => ({
+			...entry,
+			base: baseLine[index],
+		}));
 		let lineFunction: D3AreaCurve<AreaPoint>;
 		if (layout === 'vertical') {
-			lineFunction = shapeArea<AreaPoint>().y(getY).x1(getX).x0((d) => d.base.x);
+			lineFunction = shapeArea<AreaPoint>()
+				.y(getY)
+				.x1(getX)
+				.x0((d) => d.base.x);
 		} else {
-			lineFunction = shapeArea<AreaPoint>().x(getX).y1(getY).y0((d) => d.base.y);
+			lineFunction = shapeArea<AreaPoint>()
+				.x(getX)
+				.y1(getY)
+				.y0((d) => d.base.y);
 		}
 		// d3 runs the defined predicate before coordinate accessors; its single
 		// generic cannot express the nullable inputs accepted after this guard.
-		const nullableLineFunction = lineFunction.defined(areaDefined).curve(
-			curveFactory,
-		) as D3AreaCurve<NullableAreaPoint>;
-		const finalPoints: ReadonlyArray<NullableAreaPoint> =
-			connectNulls ? areaPoints.filter(areaDefined) : areaPoints;
+		const nullableLineFunction = lineFunction
+			.defined(areaDefined)
+			.curve(curveFactory) as D3AreaCurve<NullableAreaPoint>;
+		const finalPoints: ReadonlyArray<NullableAreaPoint> = connectNulls
+			? areaPoints.filter(areaDefined)
+			: areaPoints;
 		return nullableLineFunction(finalPoints);
 	}
 	let lineFunction: D3LineCurve<Coordinate> | D3AreaCurve<Coordinate>;
@@ -189,9 +197,9 @@ export const getPath = ({
 	} else {
 		lineFunction = shapeLine<Coordinate>().x(getX).y(getY);
 	}
-	const nullableLineFunction = lineFunction.defined(defined).curve(curveFactory) as D3LineCurve<
-		NullableCoordinate
-	>;
+	const nullableLineFunction = lineFunction
+		.defined(defined)
+		.curve(curveFactory) as D3LineCurve<NullableCoordinate>;
 	return nullableLineFunction(formatPoints);
 };
 
@@ -210,11 +218,13 @@ export function Curve(props: Props) {
 	};
 	const realPath: string | null | undefined =
 		points && points.length ? getPath(getPathInput) : path;
-	return <path
-		{...svgPropertiesNoEvents(props)}
-		{...adaptEventHandlers(props)}
-		className={clsx('recharts-curve', className)}
-		d={realPath === null ? undefined : realPath}
-		ref={pathRef}
-	/>;
+	return (
+		<path
+			{...svgPropertiesNoEvents(props)}
+			{...adaptEventHandlers(props)}
+			className={clsx('recharts-curve', className)}
+			d={realPath === null ? undefined : realPath}
+			ref={pathRef}
+		/>
+	);
 }

package/src/shape/Dot.tsrx

@@ -19,14 +19,16 @@ export function Dot(props: Props) {
 	const { cx, cy, r, className } = props;
 	const layerClass = clsx('recharts-dot', className);
 	if (isNumber(cx) && isNumber(cy) && isNumber(r)) {
-		return <circle
-			{...svgPropertiesNoEvents(props)}
-			{...adaptEventHandlers(props)}
-			className={layerClass}
-			cx={cx}
-			cy={cy}
-			r={r}
-		/>;
+		return (
+			<circle
+				{...svgPropertiesNoEvents(props)}
+				{...adaptEventHandlers(props)}
+				className={layerClass}
+				cx={cx}
+				cy={cy}
+				r={r}
+			/>
+		);
 	}
 	return null;
 }

package/src/shape/Polygon.tsrx

@@ -55,13 +55,15 @@ function getSinglePolygonPath(points: ReadonlyArray<Coordinate>, connectNulls?:
 	if (connectNulls) {
 		segmentPoints = [segmentPoints.reduce((res, segPoints) => [...res, ...segPoints], [])];
 	}
-	const polygonPath = segmentPoints.map(
-		(segPoints) => segPoints.reduce(
-			(path, point, index) =>
-				path + (index === 0 ? 'M' : 'L') + round(point.x) + ',' + round(point.y),
-			'',
-		),
-	).join('');
+	const polygonPath = segmentPoints
+		.map((segPoints) =>
+			segPoints.reduce(
+				(path, point, index) =>
+					path + (index === 0 ? 'M' : 'L') + round(point.x) + ',' + round(point.y),
+				'',
+			),
+		)
+		.join('');
 	return segmentPoints.length === 1 ? polygonPath + 'Z' : polygonPath;
 }
 
@@ -71,8 +73,11 @@ function getRanglePath(
 	connectNulls?: boolean,
 ) {
 	const outerPath = getSinglePolygonPath(points, connectNulls);
-	return (outerPath.slice(-1) === 'Z' ? outerPath.slice(0, -1) : outerPath) + 'L' +
-		getSinglePolygonPath(Array.from(baseLinePoints).reverse(), connectNulls).slice(1);
+	return (
+		(outerPath.slice(-1) === 'Z' ? outerPath.slice(0, -1) : outerPath) +
+		'L' +
+		getSinglePolygonPath(Array.from(baseLinePoints).reverse(), connectNulls).slice(1)
+	);
 }
 
 export function Polygon(props: Props) {
@@ -84,34 +89,38 @@ export function Polygon(props: Props) {
 	if (baseLinePoints && baseLinePoints.length) {
 		const hasStroke = others.stroke && others.stroke !== 'none';
 		const rangePath = getRanglePath(points, baseLinePoints, connectNulls);
-		return <g className={layerClass}>
-			<path
-				{...svgPropertiesAndEvents(others)}
-				fill={rangePath.slice(-1) === 'Z' ? others.fill : 'none'}
-				stroke="none"
-				d={rangePath}
-			/>
-			{hasStroke
-				? <path
+		return (
+			<g className={layerClass}>
+				<path
+					{...svgPropertiesAndEvents(others)}
+					fill={rangePath.slice(-1) === 'Z' ? others.fill : 'none'}
+					stroke="none"
+					d={rangePath}
+				/>
+				{hasStroke ? (
+					<path
 						{...svgPropertiesAndEvents(others)}
 						fill="none"
 						d={getSinglePolygonPath(points, connectNulls)}
 					/>
-				: null}
-			{hasStroke
-				? <path
+				) : null}
+				{hasStroke ? (
+					<path
 						{...svgPropertiesAndEvents(others)}
 						fill="none"
 						d={getSinglePolygonPath(baseLinePoints, connectNulls)}
 					/>
-				: null}
-		</g>;
+				) : null}
+			</g>
+		);
 	}
 	const singlePath = getSinglePolygonPath(points, connectNulls);
-	return <path
-		{...svgPropertiesAndEvents(others)}
-		fill={singlePath.slice(-1) === 'Z' ? others.fill : 'none'}
-		className={layerClass}
-		d={singlePath}
-	/>;
+	return (
+		<path
+			{...svgPropertiesAndEvents(others)}
+			fill={singlePath.slice(-1) === 'Z' ? others.fill : 'none'}
+			className={layerClass}
+			d={singlePath}
+		/>
+	);
 }

package/src/shape/Rectangle.tsrx

@@ -41,12 +41,10 @@ function getRectanglePath(x: number, y: number, width: number, height: number, r
 	const roundedWidth = round(width);
 	const roundedHeight = round(height);
 	const maxRadius = Math.min(Math.abs(roundedWidth) / 2, Math.abs(roundedHeight) / 2);
-	const ySign =
-		roundedHeight >= 0 ? 1 : -1;
-	const xSign =
-		roundedWidth >= 0 ? 1 : -1;
+	const ySign = roundedHeight >= 0 ? 1 : -1;
+	const xSign = roundedWidth >= 0 ? 1 : -1;
 	const clockWise =
-		roundedHeight >= 0 && roundedWidth >= 0 || roundedHeight < 0 && roundedWidth < 0 ? 1 : 0;
+		(roundedHeight >= 0 && roundedWidth >= 0) || (roundedHeight < 0 && roundedWidth < 0) ? 1 : 0;
 	let path;
 
 	if (maxRadius > 0 && Array.isArray(radius)) {
@@ -58,40 +56,71 @@ function getRectanglePath(x: number, y: number, width: number, height: number, r
 		// roundTemplateLiteral`M${…},${…}` etc. — values rounded, whitespace verbatim.
 		path = 'M' + round(x) + ',' + round(y + ySign * newRadius[0]);
 		if (newRadius[0] > 0) {
-			path += 'A ' + round(newRadius[0]) + ',' + round(newRadius[0]) + ',0,0,' + round(clockWise) +
+			path +=
+				'A ' +
+				round(newRadius[0]) +
+				',' +
+				round(newRadius[0]) +
+				',0,0,' +
+				round(clockWise) +
 				',' +
 				round(x + xSign * newRadius[0]) +
 				',' +
-			round(y);
+				round(y);
 		}
 		path += 'L ' + round(x + width - xSign * newRadius[1]) + ',' + round(y);
 		if (newRadius[1] > 0) {
-			path += 'A ' + round(newRadius[1]) + ',' + round(newRadius[1]) + ',0,0,' + round(clockWise) +
+			path +=
+				'A ' +
+				round(newRadius[1]) +
+				',' +
+				round(newRadius[1]) +
+				',0,0,' +
+				round(clockWise) +
 				',\n        ' +
 				round(x + width) +
 				',' +
-			round(y + ySign * newRadius[1]);
+				round(y + ySign * newRadius[1]);
 		}
 		path += 'L ' + round(x + width) + ',' + round(y + height - ySign * newRadius[2]);
 		if (newRadius[2] > 0) {
-			path += 'A ' + round(newRadius[2]) + ',' + round(newRadius[2]) + ',0,0,' + round(clockWise) +
+			path +=
+				'A ' +
+				round(newRadius[2]) +
+				',' +
+				round(newRadius[2]) +
+				',0,0,' +
+				round(clockWise) +
 				',\n        ' +
 				round(x + width - xSign * newRadius[2]) +
 				',' +
-			round(y + height);
+				round(y + height);
 		}
 		path += 'L ' + round(x + xSign * newRadius[3]) + ',' + round(y + height);
 		if (newRadius[3] > 0) {
-			path += 'A ' + round(newRadius[3]) + ',' + round(newRadius[3]) + ',0,0,' + round(clockWise) +
+			path +=
+				'A ' +
+				round(newRadius[3]) +
+				',' +
+				round(newRadius[3]) +
+				',0,0,' +
+				round(clockWise) +
 				',\n        ' +
 				round(x) +
 				',' +
-			round(y + height - ySign * newRadius[3]);
+				round(y + height - ySign * newRadius[3]);
 		}
 		path += 'Z';
 	} else if (maxRadius > 0 && radius === +radius && radius > 0) {
 		const r = Math.min(maxRadius, radius);
-		path = 'M ' + round(x) + ',' + round(y + ySign * r) + '\n            A ' + round(r) + ',' +
+		path =
+			'M ' +
+			round(x) +
+			',' +
+			round(y + ySign * r) +
+			'\n            A ' +
+			round(r) +
+			',' +
 			round(r) +
 			',0,0,' +
 			round(clockWise) +
@@ -141,11 +170,20 @@ function getRectanglePath(x: number, y: number, width: number, height: number, r
 			round(x) +
 			',' +
 			round(y + height - ySign * r) +
-		' Z';
+			' Z';
 	} else {
-		path = 'M ' + round(x) + ',' + round(y) + ' h ' + round(width) + ' v ' + round(height) + ' h ' +
+		path =
+			'M ' +
+			round(x) +
+			',' +
+			round(y) +
+			' h ' +
+			round(width) +
+			' v ' +
+			round(height) +
+			' h ' +
 			round(-width) +
-		' Z';
+			' Z';
 	}
 	return path;
 }
@@ -168,7 +206,12 @@ export function Rectangle(rectangleProps: Props) {
 	const { x, y, width, height, radius, className } = props;
 
 	if (
-		x !== +x || y !== +y || width !== +width || height !== +height || width === 0 || height === 0
+		x !== +x ||
+		y !== +y ||
+		width !== +width ||
+		height !== +height ||
+		width === 0 ||
+		height === 0
 	) {
 		return null;
 	}
@@ -176,14 +219,16 @@ export function Rectangle(rectangleProps: Props) {
 
 	// Static path — the update-animation branch is a Phase 5 port.
 	const { radius: _radius, ...otherPathProps } = svgPropertiesAndEvents(props);
-	return <path
-		{...otherPathProps}
-		x={round(x)}
-		y={round(y)}
-		width={round(width)}
-		height={round(height)}
-		radius={typeof radius === 'number' ? radius : undefined}
-		className={layerClass}
-		d={getRectanglePath(x, y, width, height, radius)}
-	/>;
+	return (
+		<path
+			{...otherPathProps}
+			x={round(x)}
+			y={round(y)}
+			width={round(width)}
+			height={round(height)}
+			radius={typeof radius === 'number' ? radius : undefined}
+			className={layerClass}
+			d={getRectanglePath(x, y, width, height, radius)}
+		/>
+	);
 }

package/src/shape/Sector.tsrx

@@ -31,8 +31,8 @@ interface SectorProps {
 	onMouseEnter?: (e: NativeMouseEvent<SVGPathElement>) => void;
 	onMouseLeave?: (e: NativeMouseEvent<SVGPathElement>) => void;
 }
-export type Props =
-	Omit<SVGProps<SVGPathElement>, 'cx' | 'cy' | 'dangerouslySetInnerHTML'> & Partial<SectorProps>;
+export type Props = Omit<SVGProps<SVGPathElement>, 'cx' | 'cy' | 'dangerouslySetInnerHTML'> &
+	Partial<SectorProps>;
 // Port of shape/Sector.tsx — the pie/radial-bar wedge (arc path with optional
 // per-corner rounding). Path strings must be BYTE-IDENTICAL to upstream:
 // recharts builds them with roundTemplateLiteral (every interpolated number
@@ -106,8 +106,7 @@ const getSectorPath = ({
 		const innerStartPoint = polarToCartesian(cx, cy, innerRadius, startAngle);
 		const innerEndPoint = polarToCartesian(cx, cy, innerRadius, tempEndAngle);
 		const innerSweep = +(startAngle <= tempEndAngle);
-		path +=
-			roundTemplateLiteral`L ${innerEndPoint.x},${innerEndPoint.y}
+		path += roundTemplateLiteral`L ${innerEndPoint.x},${innerEndPoint.y}
             A ${innerRadius},${innerRadius},0,
             ${largeArc},${innerSweep},
             ${innerStartPoint.x},${innerStartPoint.y} Z`;
@@ -129,7 +128,11 @@ const getSectorWithCorner = ({
 	endAngle,
 }: GeometrySectorWithCornerRadius) => {
 	const sign = mathSign(endAngle - startAngle);
-	const { circleTangency: soct, lineTangency: solt, theta: sot } = getTangentCircle({
+	const {
+		circleTangency: soct,
+		lineTangency: solt,
+		theta: sot,
+	} = getTangentCircle({
 		cx,
 		cy,
 		radius: outerRadius,
@@ -138,7 +141,11 @@ const getSectorWithCorner = ({
 		cornerRadius,
 		cornerIsExternal,
 	});
-	const { circleTangency: eoct, lineTangency: eolt, theta: eot } = getTangentCircle({
+	const {
+		circleTangency: eoct,
+		lineTangency: eolt,
+		theta: eot,
+	} = getTangentCircle({
 		cx,
 		cy,
 		radius: outerRadius,
@@ -147,10 +154,9 @@ const getSectorWithCorner = ({
 		cornerRadius,
 		cornerIsExternal,
 	});
-	const outerArcAngle =
-		cornerIsExternal
-			? Math.abs(startAngle - endAngle)
-			: Math.abs(startAngle - endAngle) - sot - eot;
+	const outerArcAngle = cornerIsExternal
+		? Math.abs(startAngle - endAngle)
+		: Math.abs(startAngle - endAngle) - sot - eot;
 	if (outerArcAngle < 0) {
 		if (forceCornerRadius) {
 			const cornerDiameter = cornerRadius * 2;
@@ -169,7 +175,11 @@ const getSectorWithCorner = ({
     A${cornerRadius},${cornerRadius},0,0,${sweep},${eolt.x},${eolt.y}
   `;
 	if (innerRadius > 0) {
-		const { circleTangency: sict, lineTangency: silt, theta: sit } = getTangentCircle({
+		const {
+			circleTangency: sict,
+			lineTangency: silt,
+			theta: sit,
+		} = getTangentCircle({
 			cx,
 			cy,
 			radius: innerRadius,
@@ -179,7 +189,11 @@ const getSectorWithCorner = ({
 			cornerRadius,
 			cornerIsExternal,
 		});
-		const { circleTangency: eict, lineTangency: eilt, theta: eit } = getTangentCircle({
+		const {
+			circleTangency: eict,
+			lineTangency: eilt,
+			theta: eit,
+		} = getTangentCircle({
 			cx,
 			cy,
 			radius: innerRadius,
@@ -189,17 +203,15 @@ const getSectorWithCorner = ({
 			cornerRadius,
 			cornerIsExternal,
 		});
-		const innerArcAngle =
-			cornerIsExternal
-				? Math.abs(startAngle - endAngle)
-				: Math.abs(startAngle - endAngle) - sit - eit;
+		const innerArcAngle = cornerIsExternal
+			? Math.abs(startAngle - endAngle)
+			: Math.abs(startAngle - endAngle) - sit - eit;
 		if (innerArcAngle < 0 && cornerRadius === 0) {
 			return path + 'L' + cx + ',' + cy + 'Z';
 		}
 		const innerLargeArc = +(innerArcAngle > 180);
 		const innerSweep = +(sign > 0);
-		path +=
-			roundTemplateLiteral`L${eilt.x},${eilt.y}
+		path += roundTemplateLiteral`L${eilt.x},${eilt.y}
       A${cornerRadius},${cornerRadius},0,0,${sweep},${eict.x},${eict.y}
       A${innerRadius},${innerRadius},0,${innerLargeArc},${innerSweep},${sict.x},${sict.y}
       A${cornerRadius},${cornerRadius},0,0,${sweep},${silt.x},${silt.y}Z`;

package/src/shape/Symbols.tsrx

@@ -14,8 +14,8 @@ export interface InnerSymbolsProp {
 	size?: number;
 	sizeType?: SizeType;
 }
-export type SymbolsProps =
-	Omit<SVGProps<SVGPathElement>, keyof InnerSymbolsProp> & InnerSymbolsProp;
+export type SymbolsProps = Omit<SVGProps<SVGPathElement>, keyof InnerSymbolsProp> &
+	InnerSymbolsProp;
 // Port of shape/Symbols.tsx — the scatter/legend marker shapes, drawn by
 // victory-vendor's d3-shape symbol generators (byte-identical `d` output).
 import {
@@ -88,9 +88,9 @@ export function Symbols(symbolsProps: SymbolsProps) {
 	}
 	const getSymbolPath = () => {
 		const symbolFactory = getSymbolFactory(realType);
-		const symbolGen = shapeSymbol().type(symbolFactory).size(
-			calculateAreaSize(size, sizeType, realType),
-		);
+		const symbolGen = shapeSymbol()
+			.type(symbolFactory)
+			.size(calculateAreaSize(size, sizeType, realType));
 		const s = symbolGen();
 		if (s === null) {
 			return undefined;
@@ -100,12 +100,14 @@ export function Symbols(symbolsProps: SymbolsProps) {
 	const { className, cx, cy } = props;
 	const filteredProps = svgPropertiesAndEvents(props);
 	if (isNumber(cx) && isNumber(cy) && isNumber(size)) {
-		return <path
-			{...filteredProps}
-			className={clsx('recharts-symbols', className)}
-			transform={'translate(' + cx + ', ' + cy + ')'}
-			d={getSymbolPath()}
-		/>;
+		return (
+			<path
+				{...filteredProps}
+				className={clsx('recharts-symbols', className)}
+				transform={'translate(' + cx + ', ' + cy + ')'}
+				d={getSymbolPath()}
+			/>
+		);
 	}
 	return null;
 }

package/src/shape/Trapezoid.tsrx

@@ -65,10 +65,13 @@ export function Trapezoid(outsideProps: Props) {
 	const { x, y, upperWidth, lowerWidth, height, className } = trapezoidProps;
 
 	if (
-		x !== +x || y !== +y || upperWidth !== +upperWidth || lowerWidth !== +lowerWidth ||
-			height !== +height ||
-			upperWidth === 0 && lowerWidth === 0 ||
-			height === 0
+		x !== +x ||
+		y !== +y ||
+		upperWidth !== +upperWidth ||
+		lowerWidth !== +lowerWidth ||
+		height !== +height ||
+		(upperWidth === 0 && lowerWidth === 0) ||
+		height === 0
 	) {
 		return null;
 	}
@@ -76,11 +79,13 @@ export function Trapezoid(outsideProps: Props) {
 
 	// Static path — the update-animation branch is a Phase 5 port. Upstream's
 	// static branch wraps the path in a <g>, so mirror that.
-	return <g>
-		<path
-			{...svgPropertiesAndEvents(trapezoidProps)}
-			className={layerClass}
-			d={getTrapezoidPath(x, y, upperWidth, lowerWidth, height)}
-		/>
-	</g>;
+	return (
+		<g>
+			<path
+				{...svgPropertiesAndEvents(trapezoidProps)}
+				className={layerClass}
+				d={getTrapezoidPath(x, y, upperWidth, lowerWidth, height)}
+			/>
+		</g>
+	);
 }

package/src/state/RechartsStoreProvider.tsrx

@@ -29,5 +29,9 @@ export function RechartsStoreProvider(props: RechartsStoreProviderProps) {
 	if (storeRef.current == null) {
 		storeRef.current = createRechartsStore(preloadedState, reduxStoreName);
 	}
-	return <Provider context={RechartsReduxContext} store={storeRef.current}>{children}</Provider>;
+	return (
+		<Provider context={RechartsReduxContext} store={storeRef.current}>
+			{children}
+		</Provider>
+	);
 }