“Tidak dapat menemukan manajer drag and drop dalam konteks sumber daya. Pastikan untuk membungkus komponen tingkat atas aplikasi Anda dengan dragDropContext app.js” Kode Jawaban

Tidak dapat menemukan manajer drag and drop dalam konteks sumber daya. Pastikan untuk membungkus komponen tingkat atas aplikasi Anda dengan dragDropContext app.js

import React, { Component } from "react";
// import ReactDOM from "react-dom";
import HTML5Backend from "react-dnd-html5-backend";
import { DragDropContext as dragDropContext } from "react-dnd";
import DragBox from "./DragBox";
import DropBox from "./DropBox";

class MainContext extends Component {
  render() {
    return (
      <div style={{ borderStyle: "solid" }}>
        <p style={{ padding: "0px 10px" }}>Main Context</p>
        <DragBox />
        <DropBox />
      </div>
    );
  }
}

module.exports = dragDropContext(HTML5Backend)(MainContext);