React-dnd: कस्टम ड्रैग लेयर HTML स्टाइल और कस्टम लेयर दोनों को दिखाता है

नमस्ते, मेरे पास एक समस्या है जहां मेरी कस्टम ड्रैग लेयर मेरी कस्टम और HTML परिभाषित शैली दोनों के साथ प्रस्तुत कर रही है। साथ ही मुझे चेतावनी दी जा रही है कि "सेटस्टेट को अद्यतन संक्रमण के दौरान नहीं कहा जा सकता है"।

यहाँ मेरा कोड है:

import React from 'react';
import PropTypes from 'prop-types';
import { DragLayer } from 'react-dnd';

import ItemDragPreview from './ItemDragPreview';

const layerStyles = {
    position: 'fixed',
    pointerEvents: 'none',
    zIndex: 200000
};

function getItemStyles(props){
    const {initialOffset, currentOffset} = props;

     if (!initialOffset || !currentOffset) {
        return {
        display: 'none'
        };
    }

    let {x,y} = currentOffset;
    const transform = `translate(${x}px,${y}px)`;
    return{
        transform
    };
}

class CustomDragLayer extends React.Component{
    static propTypes = {
        item: PropTypes.object,
        itemType: PropTypes.string,
        initialOffset: PropTypes.shape({
            x: PropTypes.number.isRequired,
            y: PropTypes.number.isRequired
        }),
        currentOffset: PropTypes.shape({
            x: PropTypes.number.isRequired,
            y: PropTypes.number.isRequired
        }),
        isDragging: PropTypes.bool.isRequired,
    }

    renderItem(type,item){
        return (<ItemDragPreview ruleitem={item}/>);
    }

    render(){
        const {item,itemType,isDragging} = this.props;
        if(!isDragging){
            return null;
        }

        return (
            <div style={layerStyles}>
                <div style={getItemStyles(this.props)}>
                    {this.renderItem(itemType,item)}
                </div>
            </div>
        );
    }

}

let collect = monitor =>{
    return {
        item: monitor.getItem(),
        itemType: monitor.getItemType(),
        currentOffset: monitor.getSourceClientOffset(),
        initialOffset: monitor.getInitialSourceClientOffset(),
        isDragging: monitor.isDragging()
    };
}

export default DragLayer(collect)(CustomDragLayer);

यहाँ चेतावनी है:

चेतावनी: सेटस्टेट (...): मौजूदा राज्य संक्रमण के दौरान अपडेट नहीं किया जा सकता (जैसे render या किसी अन्य घटक के निर्माता के भीतर)। रेंडर मेथड्स प्रॉप्स और स्टेट का शुद्ध कार्य होना चाहिए; कंस्ट्रक्टर साइड-इफेक्ट्स एक एंटी-पैटर्न हैं, लेकिन इसे componentWillMount ले जाया जा सकता है।

मैं सोच रहा हूं कि यह मेरे अंत में या पुस्तकालय के अंत में एक त्रुटि है।
धन्यवाद!