React-dnd: 사용자 지정 드래그 레이어 HTML 스타일과 사용자 지정 레이어를 모두 표시합니다.

안녕하세요, 사용자 정의 드래그 레이어가 사용자 정의 및 HTML 정의 스타일로 렌더링되는 문제가 있습니다. 동시에 "업데이트 전환 중에 setState를 호출할 수 없습니다"라는 경고를 받고 있습니다.

내 코드는 다음과 같습니다.

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);

다음은 경고입니다.

경고: setState(...): 기존 상태 전환 중에는 업데이트할 수 없습니다(예: render 또는 다른 구성 요소의 생성자 내에서). 렌더 메소드는 props와 state의 순수한 함수여야 합니다. 생성자 부작용은 안티 패턴이지만 componentWillMount 로 이동할 수 있습니다.

이것이 내 쪽 또는 라이브러리 쪽의 오류인지 궁금합니다.
감사 해요!