Merge pull request #387 from reactioncommerce/fix-386-navigation-reac…

…t-sortable-tree-update

fix: update react sortable tree to a patch version that supports rea…

imports/plugins/core/navigation/client/components/NavigationItemForm.js

@@ -15,7 +15,7 @@ import Field from "@reactioncommerce/components/Field/v1";
 import TextInput from "@reactioncommerce/components/TextInput/v1";
 import { i18next } from "/client/api";
 import ConfirmDialog from "@reactioncommerce/catalyst/ConfirmDialog";
-import { changeNodeAtPath } from "react-sortable-tree";
+import { changeNodeAtPath } from "react-sortable-tree-patch-react-17";
 
 const styles = (theme) => ({
   closeButtonContainer: {

imports/plugins/core/navigation/client/components/NavigationTreeContainer.js

@@ -4,8 +4,8 @@ import IconButton from "@material-ui/core/IconButton";
 import withStyles from "@material-ui/core/styles/withStyles";
 import PencilIcon from "mdi-material-ui/Pencil";
 import CloseIcon from "mdi-material-ui/Close";
-import SortableTree, { removeNodeAtPath } from "react-sortable-tree";
-import "react-sortable-tree/style.css";
+import SortableTree, { removeNodeAtPath } from "react-sortable-tree-patch-react-17";
+import "react-sortable-tree-patch-react-17/style.css";
 import ConfirmDialog from "@reactioncommerce/catalyst/ConfirmDialog";
 import SortableTheme from "./SortableTheme";
 

package.json

@@ -151,7 +151,7 @@
     "react-router-dom": "^5.1.2",
     "react-s-alert": "^1.4.1",
     "react-select": "^3.0.4",
-    "react-sortable-tree": "^2.8.0",
+    "react-sortable-tree-patch-react-17": "^2.9.0",
     "react-spring": "^8.0.27",
     "react-stripe-elements": "^5.0.1",
     "react-table": "^6.9.0",