fix(pie): pass renderWrapper prop to container

Author: wyze

packages/pie/src/Pie.tsx

@@ -232,13 +232,17 @@ export const Pie = <RawDatum,>({
     animate = defaultProps.animate,
     motionConfig = defaultProps.motionConfig,
     theme,
+    renderWrapper,
     ...otherProps
 }: PieSvgProps<RawDatum>) => (
     <Container
-        isInteractive={isInteractive}
-        animate={animate}
-        motionConfig={motionConfig}
-        theme={theme}
+        {...{
+            animate,
+            isInteractive,
+            motionConfig,
+            renderWrapper,
+            theme,
+        }}
     >
         <InnerPie<RawDatum> isInteractive={isInteractive} {...otherProps} />
     </Container>

packages/pie/src/PieCanvas.tsx

@@ -1,6 +1,5 @@
 import React, { createElement, useEffect, useMemo, useRef } from 'react'
 import { getRelativeCursor, useDimensions, useTheme, Container } from '@nivo/core'
-// @ts-ignore
 import { renderLegendToCanvas } from '@nivo/legends'
 import { useInheritedColor, InheritedColorConfig } from '@nivo/colors'
 import { useTooltip } from '@nivo/tooltip'
@@ -293,9 +292,10 @@ const InnerPieCanvas = <RawDatum,>({
 export const PieCanvas = <RawDatum,>({
     isInteractive = defaultProps.isInteractive,
     theme,
+    renderWrapper,
     ...otherProps
 }: PieCanvasProps<RawDatum>) => (
-    <Container isInteractive={isInteractive} theme={theme}>
+    <Container {...{ isInteractive, renderWrapper, theme }}>
         <InnerPieCanvas<RawDatum> isInteractive={isInteractive} {...otherProps} />
     </Container>
 )

packages/pie/src/types.ts

@@ -112,6 +112,7 @@ export type CommonPieProps<RawDatum> = {
     legends: LegendProps[]
 
     role: string
+    renderWrapper: boolean
 } & Partial<ArcLabelsProps<ComputedDatum<RawDatum>>> &
     Partial<ArcLinkLabelsProps<ComputedDatum<RawDatum>>>