How to use the react-admin.NumberField.defaultProps function in react-admin

const component = props =>
        props.record[props.source] > 500 ? (
            <span style="{{">
                
            </span>
        ) : (
            
        );

    component.displayName = `Colored(${WrappedComponent.displayName})`;

    return component;
};

export const ColoredNumberField = colored(NumberField);
ColoredNumberField.defaultProps = NumberField.defaultProps;

export const VisitorList = props =&gt; (
    }
        sort={{ field: 'lastSeen', order: 'DESC' }}
        perPage={25}
    &gt;
        }
            medium={

props.record[props.source] > 500 ? (
                <span style="{{">
                    
                </span>
            ) : (
                
            )
        ) : null;

    Colored.displayName = `Colored(${WrappedComponent.displayName})`;

    return Colored;
};

const ColoredNumberField = colored(NumberField);
ColoredNumberField.defaultProps = NumberField.defaultProps;

export default ColoredNumberField;

const Colored = withStyles(fieldStyles)(
        ({ classes, ...props }: any) =>
            props.record[props.source] > 500 ? (
                
            ) : (
                
            ),
    );

    Colored.displayName = `Colored(${WrappedComponent.displayName})`;

    return Colored;
};

export const ColoredNumberField = colored(NumberField);
ColoredNumberField.defaultProps = NumberField.defaultProps;

const component = props =>
        props.record[props.source] > 500 ? (
            <span style="{{">
                
            </span>
        ) : (
            
        );

    component.displayName = `Colored(${WrappedComponent.displayName})`;

    return component;
};

const ColoredNumberField = colored(NumberField);
ColoredNumberField.defaultProps = NumberField.defaultProps;

export const VisitorList = props =&gt; (
    }
        sort={{ field: 'last_seen', order: 'DESC' }}
        perPage={25}
    &gt;