How to use the react-virtualized.Column.defaultProps function in react-virtualized

import React from 'react';
import PropTypes from 'prop-types';
import { Column } from 'react-virtualized';

function DefaultRenderer({ cellData }) {
	return <div>{cellData}</div>;
}
DefaultRenderer.propTypes = {
	cellData: PropTypes.string,
};

export const defaultColumnConfiguration = {
	...Column.defaultProps,
	cellRenderer: DefaultRenderer,
	width: -1,
};

// this is a fake component to be usable in JSX,
// but the element is used as props object internally (VirtualizedList / RV)
export default function Content() {
	return null;
}
Content.displayName = 'Content';
Content.defaultProps = defaultColumnConfiguration;

} from 'react-virtualized';
import defaultHeaderRenderer from './defaultHeaderRenderer';
import defaultCheckboxRenderer, {
  type CheckboxRenderer,
} from '../defaultCheckboxRenderer';

const StyledColumn = styled(BaseColumn)``;

type Props = {
  /** Checkbox renderer */
  checkboxRenderer?: CheckboxRenderer,
};

class Column extends React.Component {
  static defaultProps = {
    ...BaseColumn.defaultProps,
    headerRenderer: defaultHeaderRenderer,
    checkboxRenderer: defaultCheckboxRenderer,
  };

  static HeaderRenderer = defaultHeaderRenderer;

  static propTypes = BaseColumn.propTypes;

  render() {
    return ;
  }
}

export default Column;

const BpkDataTableColumn = () => null;

BpkDataTableColumn.toColumn = (bpkDataTableColumn, key) => {
  const { className, ...rest } = bpkDataTableColumn.props;
  const classNames = [getClassName('bpk-data-table-column')];

  if (className) {
    classNames.push(className);
  }

  return ;
};

BpkDataTableColumn.propTypes = { ...Column.propTypes };
BpkDataTableColumn.defaultProps = {
  ...Column.defaultProps,
  headerRenderer: bpkHeaderRenderer,
};

export default BpkDataTableColumn;