diff --git a/modules/react-arborist/src/components/default-container.tsx b/modules/react-arborist/src/components/default-container.tsx index f92dd5c..3b34c57 100644 --- a/modules/react-arborist/src/components/default-container.tsx +++ b/modules/react-arborist/src/components/default-container.tsx @@ -226,8 +226,8 @@ export function DefaultContainer() { itemSize={tree.rowHeight} overscanCount={tree.overscanCount} itemKey={(index) => tree.visibleNodes[index]?.id || index} - outerElementType={ListOuterElement} - innerElementType={ListInnerElement} + outerElementType={tree.props.outerElementType ?? ListOuterElement} + innerElementType={tree.props.innerElementType ?? ListInnerElement} onScroll={tree.props.onScroll} onItemsRendered={tree.onItemsRendered.bind(tree)} ref={tree.list} diff --git a/modules/react-arborist/src/components/list-outer-element.tsx b/modules/react-arborist/src/components/list-outer-element.tsx index 672419e..7d049f7 100644 --- a/modules/react-arborist/src/components/list-outer-element.tsx +++ b/modules/react-arborist/src/components/list-outer-element.tsx @@ -24,7 +24,7 @@ export const ListOuterElement = forwardRef(function Outer( ); }); -const DropContainer = () => { +export const DropContainer = () => { const tree = useTreeApi(); return (
{ { backend: unknown } >["backend"]; dndManager?: ReturnType; + + /* Custom react-window outer/inner elements */ + outerElementType?: ReactWindowCommonProps["outerElementType"]; + innerElementType?: ReactWindowCommonProps["innerElementType"]; }