reactjs - Uncaught ReferenceError: 'dragLayer' が定義されていません

Question

react-plotly.js を使用して散布図を実装しました。チャートには、ユーザーがチャート領域をドラッグしてズームできるズーム可能なプロパティがあります。このプロパティにより、グラフ エリアのカーソルは常に <-> の形になります。ユーザーがデータポイントにカーソルを合わせたときに、カーソルを「ポインター」に変更したいと思います。目的の動作の解決策を提供するこの codepen リンクを見つけました。
https://codepen.io/destrada/pen/perVON

しかし、リンクで提案されている解決策を自分のコードに適用しようとすると、次のエラーがスローされます。

提案されたソリューションを実装する方法は次のとおりです。

<Plot
    data={this.prepData(this.state.chartData)}
    onHover={(data) => {
        dragLayer.style.cursor='pointer'}}/>

dragLayer 関数を正しく呼び出していませんか? dragLayer が plotly で認識されないのはなぜですか? 助けてください。