How to use the @salesforce/design-system-react.DataTableCell.displayName function in @salesforce/design-system-react

const ClickableDataTableCell = ({children, ...props}) => {
    return (
        
            <div>
                <a> {
                        props.onClick(props.item);
                    }}
                    style={{cursor: "pointer"}}&gt;
                    {children}
                </a>
            </div>
        
    );
};
ClickableDataTableCell.displayName = DataTableCell.displayName;

const ImageDataTableCell = ({children, ...props}) =&gt; {
    return (
        
            <img style="{{maxWidth:" alt="" src="{props.item[props.property]}">
        
    );
};
ImageDataTableCell.displayName = DataTableCell.displayName;

<div style="{{alignItems:">
                <div>{children}</div>
                <div> commentableRecord.setDom(c)}
                    style={{marginLeft: 5}}&gt;
                    
                </div>
            </div>
        
    );
};
CommentableDataTableCell.displayName = DataTableCell.displayName;

const ClickableDataTableCell = ({children, ...props}) =&gt; {
    return (
        
            <div>
                <a> {
                        props.onClick(props.item);
                    }}
                    style={{cursor: "pointer"}}&gt;
                    {children}
                </a>
            </div>
        
    );
};

DataTableCell,
    DataTableColumn,
    Spinner,
} from "@salesforce/design-system-react";

const ClickableDataTableCell = ({children, ...props}) => 
    <div> {
            props.onClick(props.item);
        }}
        style={{cursor: "pointer"}}&gt;
        <a>{children}</a>
    </div>
;
ClickableDataTableCell.displayName = DataTableCell.displayName;

const LabelDataTableCell = ({children, ...props}) =&gt; 
    <div> {
            props.onClick(props.item);
        }}
        style={{cursor: "pointer"}}&gt;
        <a>{decode(props.item.label)}</a>
    </div>
;
LabelDataTableCell.displayName = DataTableCell.displayName;

const MomentDataTableCell = ({children, ...props}) =&gt;

<a>{decode(props.item.label)}</a>
    
;
LabelDataTableCell.displayName = DataTableCell.displayName;

const MomentDataTableCell = ({children, ...props}) =&gt; 
    <div> {
            props.onClick(props.item);
        }}
        style={{cursor: "pointer"}}&gt;
        <a>{decode(moment(props.item.lastModifiedDate).fromNow())}</a>
    </div>
;
MomentDataTableCell.displayName = DataTableCell.displayName;

const FolderDataTableCell = ({children, ...props}) =&gt; 
    <a>{decode(props.item.folder.label)}</a>
;
FolderDataTableCell.displayName = DataTableCell.displayName;

const HEIGHT = 500;

export default class DashboardPicker extends React.Component {
    static propTypes = {
        dashboards: PropTypes.array,
        totalDashboardLength: PropTypes.number,
        isFiltering: PropTypes.bool,