“Impossible de trouver le gestionnaire de glisser-déposer dans le contexte de ResourceEvents. Assurez-vous d'envelopper le composant de niveau supérieur de votre application avec DragDropContext” Réponses codées

Impossible de trouver le gestionnaire de glisser-déposer dans le contexte de ResourceEvents. Assurez-vous d'envelopper le composant de niveau supérieur de votre application avec DragDropContext

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