How to use the react-virtualized.defaultCellRangeRenderer function in react-virtualized

cellRangeRenderer(props) {
        const children = defaultCellRangeRenderer(props);
        const animatedChildren = (
            
                {children.map(item => (
                    {item}
                ))}
            
        );

        return [animatedChildren];
    }

private cellRangeRenderer(args: GridCellRangeProps) {
    const children = defaultCellRangeRenderer(args);
    const {
      rowStartIndex,
      rowStopIndex,
      rowSizeAndPositionManager,
      parent
    } = args;

    const takenWidth = colSizeCache.reduce((acc, curr) => acc + curr, 0);
    const fillerColSize = this.getContainerWidth() - takenWidth;

    for (let rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {
      const rowDatum = rowSizeAndPositionManager.getSizeAndPositionOfCell(
        rowIndex
      );

      if (

cellRangeRenderer(props) {
        const children = defaultCellRangeRenderer(props);
        const animatedChildren = (
            
                {children.map(item => (
                    {item}
                ))}
            
        );
        return [animatedChildren];
    }