How to use the recompose/pure function in recompose

import React from 'react';
import pure from 'recompose/pure';
import SvgIcon from '../../SvgIcon';

let ImageGradient = (props) => (
  
    
);
ImageGradient = pure(ImageGradient)
ImageGradient.displayName = 'ImageGradient';

export default ImageGradient;

import React from 'react';
import pure from 'recompose/pure';
import SvgIcon from '../../SvgIcon';

let NotificationSync = (props) => (
  
    
);
NotificationSync = pure(NotificationSync)
NotificationSync.displayName = 'NotificationSync';

export default NotificationSync;

import React from 'react';
import pure from 'recompose/pure';
import SvgIcon from '../../SvgIcon';

let AvSortByAlpha = (props) => (
  
    
);
AvSortByAlpha = pure(AvSortByAlpha)
AvSortByAlpha.displayName = 'AvSortByAlpha';

export default AvSortByAlpha;

import React from 'react';
import pure from 'recompose/pure';
import SvgIcon from '../../SvgIcon';

let ActionTranslate = (props) => (
  
    
);
ActionTranslate = pure(ActionTranslate);
ActionTranslate.displayName = 'ActionTranslate';
ActionTranslate.muiName = 'SvgIcon';

export default ActionTranslate;

{...sanitizeRestProps(rest)}
        >
            {translateChoice
                ? translate(choiceName, { _: choiceName })
                : choiceName}
        
    );
};

SelectField.defaultProps = {
    optionText: 'name',
    optionValue: 'id',
    translateChoice: true,
};

const EnhancedSelectField = pure(SelectField);

EnhancedSelectField.defaultProps = {
    addLabel: true,
};

EnhancedSelectField.propTypes = {
    ...Typography.propTypes,
    ...fieldPropTypes,
    choices: PropTypes.arrayOf(PropTypes.object).isRequired,
    optionText: PropTypes.oneOfType([
        PropTypes.string,
        PropTypes.func,
        PropTypes.element,
    ]),
    optionValue: PropTypes.string,
    translateChoice: PropTypes.bool,

import React from 'react';
import pure from 'recompose/pure';
import SvgIcon from '../../SvgIcon';

let EditorInsertChart = (props) => (
  
    
);
EditorInsertChart = pure(EditorInsertChart)
EditorInsertChart.displayName = 'EditorInsertChart';

export default EditorInsertChart;

import React from 'react';
import pure from 'recompose/pure';
import SvgIcon from '../../SvgIcon';

let ImageTransform = (props) => (
  
    
);
ImageTransform = pure(ImageTransform);
ImageTransform.displayName = 'ImageTransform';
ImageTransform.muiName = 'SvgIcon';

export default ImageTransform;

import React from 'react';
import pure from 'recompose/pure';
import SvgIcon from '../../SvgIcon';

let CommunicationImportExport = (props) => (
  
    
);
CommunicationImportExport = pure(CommunicationImportExport);
CommunicationImportExport.displayName = 'CommunicationImportExport';
CommunicationImportExport.muiName = 'SvgIcon';

export default CommunicationImportExport;

import React from 'react';
import pure from 'recompose/pure';
import SvgIcon from '../../SvgIcon';

let ImageWbAuto = (props) => (
  
    
);
ImageWbAuto = pure(ImageWbAuto);
ImageWbAuto.displayName = 'ImageWbAuto';
ImageWbAuto.muiName = 'SvgIcon';

export default ImageWbAuto;

import React from 'react';
import pure from 'recompose/pure';
import SvgIcon from '../../SvgIcon';

let ActionCreditCard = (props) => (
  
    
);
ActionCreditCard = pure(ActionCreditCard);
ActionCreditCard.displayName = 'ActionCreditCard';
ActionCreditCard.muiName = 'SvgIcon';

export default ActionCreditCard;