replace lib

package.json

@@ -3,6 +3,12 @@
   "version": "2.1.0",
   "description": "Pluggable typesafe components to add a trello like kanban board to your application",
   "main": "./dist/index.cjs",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
@@ -43,7 +49,7 @@
     "classnames": "^2.5.1",
     "immer": "^9.0.21",
     "react-popopo": "^2.1.9",
-    "trello-smooth-dnd": "1.0.0",
+    "react-trello-ts-smooth-dnd": "^0.0.1",
     "uuid": "^9.0.1",
     "zustand": "^4.4.7"
   },

src/dnd/Container.tsx

@@ -1,12 +1,6 @@
 import React, { Component } from "react";
 import ReactDOM from "react-dom";
-// import container, { dropHandlers } from "trello-smooth-dnd";
-import * as tsd from "trello-smooth-dnd";
-
-console.log("TSD", tsd);
-
-const container = tsd.default || tsd;
-const dropHandlers = tsd.dropHandlers || tsd;
+import container, { dropHandlers } from "react-trello-ts-smooth-dnd";
 
 container.dropHandler = dropHandlers.reactDropHandler().handler;
 container.wrapChild = (p: any) => p; // dont wrap children they will already be wrapped

src/dnd/Draggable.tsx

@@ -1,8 +1,5 @@
 import React, { Component, ReactElement } from "react";
-// import { constants } from "trello-smooth-dnd";
-import * as tsd from "trello-smooth-dnd";
-
-const constants = tsd.default || tsd;
+import { constants } from "react-trello-ts-smooth-dnd";
 
 const { wrapperClass } = constants;