@octanejs/visx 0.1.3 → 0.1.5

package/src/tooltip/tooltips/Tooltip.tsrx

@@ -1,9 +1,10 @@
-import type { ReactNode, CSSProperties, HTMLAttributes, Ref } from 'react';
+import type { CSSProperties, HTMLAttributes, Ref } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 
 export type TooltipProps = {
 	/** Tooltip content. */
-	children?: ReactNode;
+	children?: OctaneNode;
 	/** Optional className to apply to the Tooltip in addition to `visx-tooltip`. */
 	className?: string;
 	/** The `left` position of the Tooltip. */

package/src/tooltip/tooltips/Tooltip.tsrx.d.ts

@@ -1,8 +1,9 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, CSSProperties, HTMLAttributes, Ref } from 'react';
+import type { CSSProperties, HTMLAttributes, Ref } from 'react';
+import type { OctaneNode } from 'octane';
 export type TooltipProps = {
     /** Tooltip content. */
-    children?: ReactNode;
+    children?: OctaneNode;
     /** Optional className to apply to the Tooltip in addition to `visx-tooltip`. */
     className?: string;
     /** The `left` position of the Tooltip. */

package/src/voronoi/components/VoronoiPolygon.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 
 export type VoronoiPolygonProps = {
@@ -9,7 +10,7 @@ export type VoronoiPolygonProps = {
 	}: {
 		path: string;
 		polygon: [number, number][];
-	}) => ReactNode;
+	}) => OctaneNode;
 	/** className to apply to path element. */
 	className?: string;
 	/** Array of coordinate arrays for the polygon (e.g., [[x,y], [x1,y1], ...]), used to generate polygon path. */

package/src/voronoi/components/VoronoiPolygon.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 export type VoronoiPolygonProps = {
     /** Override render function which is provided polygon and generated path. */
     children?: ({ path, polygon, }: {
         path: string;
         polygon: [number, number][];
-    }) => ReactNode;
+    }) => OctaneNode;
     /** className to apply to path element. */
     className?: string;
     /** Array of coordinate arrays for the polygon (e.g., [[x,y], [x1,y1], ...]), used to generate polygon path. */

package/src/wordcloud/Wordcloud.tsrx

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import { Group } from '@octanejs/visx/group';
 import type { BaseDatum, CloudWord, WordcloudConfig } from './types';
 import useWordcloud from './useWordcloud.tsrx';
 
 export interface WordcloudProps<Datum extends BaseDatum> extends WordcloudConfig<Datum> {
-	children: (words: CloudWord[]) => ReactNode;
+	children: (words: CloudWord[]) => OctaneNode;
 }
 
 export default function Wordcloud<Datum extends BaseDatum>(props: WordcloudProps<Datum>) {

package/src/wordcloud/Wordcloud.tsrx.d.ts

@@ -1,7 +1,7 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { BaseDatum, CloudWord, WordcloudConfig } from './types';
 export interface WordcloudProps<Datum extends BaseDatum> extends WordcloudConfig<Datum> {
-    children: (words: CloudWord[]) => ReactNode;
+    children: (words: CloudWord[]) => OctaneNode;
 }
 export default function Wordcloud<Datum extends BaseDatum>(props: WordcloudProps<Datum>): import("react").JSX.Element | null;

package/src/xychart/components/Tooltip.tsrx

@@ -1,5 +1,6 @@
 import { useCallback, useContext, useEffect, useRef } from 'octane';
-import type { CSSProperties, SVGProps, ReactNode } from 'react';
+import type { CSSProperties, SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import { useTooltipInPortal, defaultStyles } from '@octanejs/visx/tooltip';
 import type {
 	TooltipProps as BaseTooltipProps,
@@ -41,9 +42,9 @@ export type TooltipProps<Datum extends object> = {
  * return value is non-null, its content is rendered inside the tooltip container.
  * Content will be rendered in an HTML parent.
  */
-		renderTooltip: (params: RenderTooltipParams<Datum>) => ReactNode;
+		renderTooltip: (params: RenderTooltipParams<Datum>) => OctaneNode;
 		/** Function which handles rendering glyphs. */
-		renderGlyph?: (params: RenderTooltipGlyphProps<Datum>) => ReactNode;
+		renderGlyph?: (params: RenderTooltipGlyphProps<Datum>) => OctaneNode;
 		/** Whether to snap tooltip + crosshair x-coord to the nearest Datum x-coord instead of the event x-coord. */
 		snapTooltipToDatumX?: boolean;
 		/** Whether to snap tooltip + crosshair y-coord to the nearest Datum y-coord instead of the event y-coord. */

package/src/xychart/components/Tooltip.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps, ReactNode } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { TooltipProps as BaseTooltipProps, UseTooltipPortalOptions } from '@octanejs/visx/tooltip';
 import type { PickD3Scale } from '@octanejs/visx/scale';
 import type { GlyphProps as RenderGlyphProps, TooltipContextType } from '../types';
@@ -21,9 +22,9 @@ export type TooltipProps<Datum extends object> = {
 * return value is non-null, its content is rendered inside the tooltip container.
 * Content will be rendered in an HTML parent.
 */
-    renderTooltip: (params: RenderTooltipParams<Datum>) => ReactNode;
+    renderTooltip: (params: RenderTooltipParams<Datum>) => OctaneNode;
     /** Function which handles rendering glyphs. */
-    renderGlyph?: (params: RenderTooltipGlyphProps<Datum>) => ReactNode;
+    renderGlyph?: (params: RenderTooltipGlyphProps<Datum>) => OctaneNode;
     /** Whether to snap tooltip + crosshair x-coord to the nearest Datum x-coord instead of the event x-coord. */
     snapTooltipToDatumX?: boolean;
     /** Whether to snap tooltip + crosshair y-coord to the nearest Datum y-coord instead of the event y-coord. */

package/src/xychart/components/XYChart.tsrx

@@ -1,6 +1,7 @@
 /* eslint jsx-a11y/mouse-events-have-key-events: 'off', @typescript-eslint/no-explicit-any: 'off' */
 import { useContext, useEffect } from 'octane';
-import type { ReactNode, PointerEvent } from 'react';
+import type { PointerEvent } from 'react';
+import type { OctaneNode } from 'octane';
 import { ParentSize } from '@octanejs/visx/responsive';
 import type { ResizeObserverPolyfill } from '@octanejs/visx/responsive';
 import type { AxisScaleOutput } from '@octanejs/visx/axis';
@@ -35,7 +36,7 @@ export type XYChartProps<XScaleConfig extends ScaleConfig<AxisScaleOutput, any,
 	/** Margin to apply around the outside. */
 	margin?: Margin;
 	/** XYChart children (Series, Tooltip, etc.). */
-	children: ReactNode;
+	children: OctaneNode;
 	/** If DataContext is not available, XYChart will wrap itself in a DataProvider and set this as the theme. */
 	theme?: DataProviderProps<XScaleConfig, YScaleConfig>['theme'];
 	/** If DataContext is not available, XYChart will wrap itself in a DataProvider and set this as the xScale config. */

package/src/xychart/components/XYChart.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, PointerEvent } from 'react';
+import type { PointerEvent } from 'react';
+import type { OctaneNode } from 'octane';
 import type { ResizeObserverPolyfill } from '@octanejs/visx/responsive';
 import type { AxisScaleOutput } from '@octanejs/visx/axis';
 import type { ScaleConfig } from '@octanejs/visx/scale';
@@ -17,7 +18,7 @@ export type XYChartProps<XScaleConfig extends ScaleConfig<AxisScaleOutput, any,
     /** Margin to apply around the outside. */
     margin?: Margin;
     /** XYChart children (Series, Tooltip, etc.). */
-    children: ReactNode;
+    children: OctaneNode;
     /** If DataContext is not available, XYChart will wrap itself in a DataProvider and set this as the theme. */
     theme?: DataProviderProps<XScaleConfig, YScaleConfig>['theme'];
     /** If DataContext is not available, XYChart will wrap itself in a DataProvider and set this as the xScale config. */

package/src/xychart/components/series/GlyphSeries.tsrx

@@ -1,6 +1,7 @@
 import type { AxisScale } from '@octanejs/visx/axis';
 import { Fragment, useCallback } from 'octane';
-import type { FC, ReactNode } from 'react';
+import type { FC } from 'react';
+import type { OctaneNode } from 'octane';
 import type { GlyphProps, GlyphsProps } from '../../types';
 import type { BaseGlyphSeriesProps } from './private/BaseGlyphSeries.tsrx';
 import BaseGlyphSeries from './private/BaseGlyphSeries.tsrx';
@@ -29,7 +30,7 @@ export default function GlyphSeries<XScale extends AxisScale, YScale extends Axi
 					onPointerUp,
 					onFocus,
 					onBlur,
-				}) as ReactNode}
+				}) as OctaneNode}
 			</Fragment>,
 		),
 		[renderGlyph],

package/src/xychart/components/series/private/AnimatedGlyphs.tsrx

@@ -1,6 +1,7 @@
 import type { AxisScale } from '@octanejs/visx/axis';
 import { useMemo } from 'octane';
-import type { ReactNode, FC } from 'react';
+import type { FC } from 'react';
+import type { OctaneNode } from 'octane';
 import {
 	useTransition as useSpringTransition,
 	animated,
@@ -101,7 +102,7 @@ export default function AnimatedGlyphs<XScale extends AxisScale, YScale extends
 					onPointerMove,
 					onPointerOut,
 					onPointerUp,
-				}) as ReactNode}
+				}) as OctaneNode}
 			</animated.g>,
 		)}
 	</>;

package/src/xychart/components/series/private/BaseBarGroup.tsrx

@@ -1,5 +1,6 @@
 import { useContext, useMemo, useEffect, useCallback } from 'octane';
-import type { ReactElement, ReactNode, FC } from 'react';
+import type { ReactElement, FC } from 'react';
+import type { OctaneNode } from 'octane';
 import type { PositionScale } from '@octanejs/visx/shape';
 import { scaleBand } from '@octanejs/visx/scale';
 import type { BaseBarSeriesProps } from './BaseBarSeries.tsrx';
@@ -23,7 +24,7 @@ import getChildrenAndGrandchildrenWithProps from '../../../utils/getChildrenAndG
 export type BaseBarGroupProps<XScale extends PositionScale, YScale extends PositionScale, Datum extends object> =
 	{
 		/** `BarSeries` elements */
-		children: ReactNode;
+		children: OctaneNode;
 		/** Group band scale padding, [0, 1] where 0 = no padding, 1 = no bar. */
 		padding?: number;
 		/** Comparator function to sort `dataKeys` within a bar group. By default the DOM rendering order of `BarGroup`s `children` is used. */

package/src/xychart/components/series/private/BaseBarGroup.tsrx.d.ts

@@ -1,10 +1,11 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, FC } from 'react';
+import type { FC } from 'react';
+import type { OctaneNode } from 'octane';
 import type { PositionScale } from '@octanejs/visx/shape';
 import type { BarsProps, SeriesProps } from '../../../types';
 export type BaseBarGroupProps<XScale extends PositionScale, YScale extends PositionScale, Datum extends object> = {
     /** `BarSeries` elements */
-    children: ReactNode;
+    children: OctaneNode;
     /** Group band scale padding, [0, 1] where 0 = no padding, 1 = no bar. */
     padding?: number;
     /** Comparator function to sort `dataKeys` within a bar group. By default the DOM rendering order of `BarGroup`s `children` is used. */

package/src/xychart/components/series/private/BaseGlyphSeries.tsrx

@@ -1,5 +1,5 @@
 import { useContext, useEffect, useMemo } from 'octane';
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { AxisScale } from '@octanejs/visx/axis';
 import DataContext from '../../../context/DataContext.tsrx';
 import type { DataContextType, GlyphProps, GlyphsProps, SeriesProps } from '../../../types';
@@ -15,7 +15,7 @@ export type BaseGlyphSeriesProps<XScale extends AxisScale, YScale extends AxisSc
 		/** The size of a `Glyph`, a `number` or a function which takes a `Datum` and returns a `number`. */
 		size?: number | ((d: Datum) => number);
 		/** Function which handles rendering glyphs. */
-		renderGlyphs: (glyphsProps: GlyphsProps<XScale, YScale, Datum>) => ReactNode;
+		renderGlyphs: (glyphsProps: GlyphsProps<XScale, YScale, Datum>) => OctaneNode;
 	};
 
 export function BaseGlyphSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({

package/src/xychart/components/series/private/BaseGlyphSeries.tsrx.d.ts

@@ -1,5 +1,5 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { AxisScale } from '@octanejs/visx/axis';
 import type { DataContextType, GlyphsProps, SeriesProps } from '../../../types';
 export type BaseGlyphSeriesProps<XScale extends AxisScale, YScale extends AxisScale, Datum extends object> = SeriesProps<XScale, YScale, Datum> & {
@@ -8,7 +8,7 @@ export type BaseGlyphSeriesProps<XScale extends AxisScale, YScale extends AxisSc
     /** The size of a `Glyph`, a `number` or a function which takes a `Datum` and returns a `number`. */
     size?: number | ((d: Datum) => number);
     /** Function which handles rendering glyphs. */
-    renderGlyphs: (glyphsProps: GlyphsProps<XScale, YScale, Datum>) => ReactNode;
+    renderGlyphs: (glyphsProps: GlyphsProps<XScale, YScale, Datum>) => OctaneNode;
 };
 export declare function BaseGlyphSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({ colorAccessor, data, dataKey, onBlur, onFocus, onPointerMove, onPointerOut, onPointerUp, onPointerDown, enableEvents, renderGlyphs, size, xAccessor, xScale, yAccessor, yScale, }: BaseGlyphSeriesProps<XScale, YScale, Datum> & Pick<DataContextType<XScale, YScale, Datum>, 'xScale' | 'yScale'>): import("react").JSX.Element;
 export default function BaseGlyphSeriesWithRegisteredData<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: BaseGlyphSeriesProps<XScale, YScale, Datum>): import("react").JSX.Element | null;

package/src/xychart/hooks/useStackedData.tsrx

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import { useContext, useEffect, useMemo } from 'octane';
 import type { SeriesPoint } from 'd3-shape';
 import { stack as d3stack } from 'd3-shape';
@@ -13,7 +13,7 @@ import combineBarStackData from '../utils/combineBarStackData';
 import getChildrenAndGrandchildrenWithProps from '../utils/getChildrenAndGrandchildrenWithProps';
 
 type UseStackedData<Datum extends object> = {
-		children: ReactNode;
+		children: OctaneNode;
 	} & Pick<StackPathConfig<Datum, string>, 'offset' | 'order'>;
 
 export default function useStackedData<XScale extends AxisScale, YScale extends AxisScale, Datum extends object, ChildrenProps extends SeriesProps<XScale, YScale, Datum>>({

package/src/xychart/hooks/useStackedData.tsrx.d.ts

@@ -1,10 +1,10 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { StackPathConfig } from '@octanejs/visx/shape';
 import type { AxisScale } from '@octanejs/visx/axis';
 import type { CombinedStackData, SeriesProps } from '../types';
 type UseStackedData<Datum extends object> = {
-    children: ReactNode;
+    children: OctaneNode;
 } & Pick<StackPathConfig<Datum, string>, 'offset' | 'order'>;
 export default function useStackedData<XScale extends AxisScale, YScale extends AxisScale, Datum extends object, ChildrenProps extends SeriesProps<XScale, YScale, Datum>>({ children, order, offset, }: UseStackedData<Datum>): {
     seriesChildren: import("react").ReactElement<ChildrenProps, string | import("react").JSXElementConstructor<any>>[];

package/src/xychart/providers/DataProvider.tsrx

@@ -2,7 +2,7 @@
 import type { ScaleConfig, ScaleConfigToD3Scale } from '@octanejs/visx/scale';
 import { scaleLinear, scaleOrdinal as createOrdinalScale } from '@octanejs/visx/scale';
 import { useContext, useMemo } from 'octane';
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { AxisScaleOutput } from '@octanejs/visx/axis';
 import type { ResizeObserverPolyfill } from '@octanejs/visx/responsive';
 
@@ -33,7 +33,7 @@ export type DataProviderProps<XScaleConfig extends ScaleConfig<AxisScaleOutput,
 	/* y-scale configuration whose shape depends on scale type. */
 	yScale: YScaleConfig;
 	/* Any React children. */
-	children: ReactNode;
+	children: OctaneNode;
 	/* Determines whether Series will be plotted horizontally (e.g., horizontal bars). By default this will try to be inferred based on scale types. */
 	horizontal?: boolean | 'auto';
 	/**

package/src/xychart/providers/DataProvider.tsrx.d.ts

@@ -1,6 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
 import type { ScaleConfig } from '@octanejs/visx/scale';
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { AxisScaleOutput } from '@octanejs/visx/axis';
 import type { ResizeObserverPolyfill } from '@octanejs/visx/responsive';
 import type { XYChartTheme } from '../types';
@@ -11,7 +11,7 @@ export type DataProviderProps<XScaleConfig extends ScaleConfig<AxisScaleOutput,
     theme?: XYChartTheme;
     xScale: XScaleConfig;
     yScale: YScaleConfig;
-    children: ReactNode;
+    children: OctaneNode;
     horizontal?: boolean | 'auto';
     /**
  * Optionally set the resizeObserverPolyfill context, which will be available to

package/src/xychart/providers/EventEmitterProvider.tsrx

@@ -1,10 +1,10 @@
 import { useMemo } from 'octane';
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import mitt from 'mitt';
 import EventEmitterContext from '../context/EventEmitterContext.tsrx';
 
 /** Provider for EventEmitterContext. */
-export default function EventEmitterProvider({ children }: { children: ReactNode }) {
+export default function EventEmitterProvider({ children }: { children: OctaneNode }) {
 	const emitter = useMemo(() => mitt(), []);
 	return <EventEmitterContext.Provider value={emitter}>{children}</EventEmitterContext.Provider>;
 }

package/src/xychart/providers/EventEmitterProvider.tsrx.d.ts

@@ -1,6 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 /** Provider for EventEmitterContext. */
 export default function EventEmitterProvider({ children }: {
-    children: ReactNode;
+    children: OctaneNode;
 }): import("react").JSX.Element;

package/src/xychart/providers/ThemeProvider.tsrx

@@ -1,11 +1,11 @@
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import ThemeContext from '../context/ThemeContext.tsrx';
 import type { XYChartTheme } from '../types';
 import lightTheme from '../theme/themes/light';
 
 export type ThemeProviderProps = {
 	theme?: XYChartTheme;
-	children: ReactNode;
+	children: OctaneNode;
 };
 
 export default function ThemeProvider({ theme = lightTheme, children }: ThemeProviderProps) {

package/src/xychart/providers/ThemeProvider.tsrx.d.ts

@@ -1,8 +1,8 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { XYChartTheme } from '../types';
 export type ThemeProviderProps = {
     theme?: XYChartTheme;
-    children: ReactNode;
+    children: OctaneNode;
 };
 export default function ThemeProvider({ theme, children }: ThemeProviderProps): import("react").JSX.Element;

package/src/xychart/providers/TooltipProvider.tsrx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef } from 'octane';
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import { debounce } from '@octanejs/visx/responsive';
 import type { DebouncedFunction } from '@octanejs/visx/responsive';
 import { useTooltip } from '@octanejs/visx/tooltip';
@@ -10,7 +10,7 @@ import isValidNumber from '../typeguards/isValidNumber';
 type TooltipProviderProps = {
 	/** Debounce time for when `hideTooltip` is invoked. */
 	hideTooltipDebounceMs?: number;
-	children: ReactNode;
+	children: OctaneNode;
 };
 
 /** Simple wrapper around useTooltip, to provide tooltip data via context. */

package/src/xychart/providers/TooltipProvider.tsrx.d.ts

@@ -1,9 +1,9 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 type TooltipProviderProps = {
     /** Debounce time for when `hideTooltip` is invoked. */
     hideTooltipDebounceMs?: number;
-    children: ReactNode;
+    children: OctaneNode;
 };
 /** Simple wrapper around useTooltip, to provide tooltip data via context. */
 export default function TooltipProvider<Datum extends object>({ hideTooltipDebounceMs, children, }: TooltipProviderProps): import("react").JSX.Element;

package/src/xychart/utils/collectDataRegistryEntries.ts

@@ -1,5 +1,5 @@
 import { Children } from 'octane';
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { AxisScale } from '@octanejs/visx/axis';
 import type { DataRegistryEntry } from '../types';
 
@@ -18,7 +18,7 @@ export default function collectDataRegistryEntries<
 	XScale extends AxisScale,
 	YScale extends AxisScale,
 	Datum extends object,
->(children: ReactNode): DataRegistryEntry<XScale, YScale, Datum>[] {
+>(children: OctaneNode): DataRegistryEntry<XScale, YScale, Datum>[] {
 	const entries = new Map<string, DataRegistryEntry<XScale, YScale, Datum>>();
 
 	function visit(value: unknown): void {

package/src/xychart/utils/getChildrenAndGrandchildrenWithProps.ts

@@ -1,17 +1,18 @@
-import type { ReactElement, ReactNode } from 'react';
+import type { ReactElement } from 'react';
+import type { OctaneNode } from 'octane';
 import { Children } from 'octane';
 
-/** Returns whether the ReactNode has props (and therefore is an `Element` versus primitive type) */
-function isChildWithProps<P extends object>(child: ReactNode): child is ReactElement<P> {
+/** Returns whether the OctaneNode has props (and therefore is an `Element` versus primitive type) */
+function isChildWithProps<P extends object>(child: OctaneNode): child is ReactElement<P> {
 	return !!child && typeof child === 'object' && 'props' in child && child.props != null;
 }
 
 /**
- * Returns children and grandchildren of type ReactNode.
+ * Returns children and grandchildren of type OctaneNode.
  * Flattens children one level to support Fragments and Array type children.
  */
 export default function getChildrenAndGrandchildrenWithProps<P extends object>(
-	children: ReactNode,
+	children: OctaneNode,
 ): ReactElement<P>[] {
 	return Children.toArray(children)
 		.flatMap((child) => {