chore: use published packages

package.json

@@ -35,21 +35,19 @@
     "test.watch": "yarn test --watch"
   },
   "peerDependencies": {
-    "@stoplight/tree-list": ">=2.0.0",
-    "@stoplight/ui-kit": ">=2.0.0",
-    "react": ">=16.7.0-alpha.1",
-    "react-dom": ">=16.7.0-alpha.1"
+    "@stoplight/tree-list": ">=4",
+    "@stoplight/ui-kit": ">=2",
+    "mobx": "5.x.x",
+    "react": ">=16.8",
+    "react-dom": ">=16.8"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.10",
-    "@fortawesome/free-solid-svg-icons": "5.6.x",
     "@stoplight/json": "1.9.x",
     "@stoplight/markdown-viewer": "^3.0.0",
     "@stoplight/tree-list": "^4.0.0",
     "@types/json-schema": "^7.0.3",
     "classnames": "^2.2.6",
     "lodash": "4.17.x",
-    "mobx": "^5.9.4",
     "mobx-react-lite": "^1.3.1",
     "pluralize": "^7.0.0",
     "json-schema-merge-allof": "^0.6.0"
@@ -61,13 +59,15 @@
     "@stoplight/types": "4.1.0",
     "@stoplight/ui-kit": "2.0.0",
     "@types/enzyme": "3.9.1",
+    "@types/json-schema": "^7.0.3",
     "@types/pluralize": "^0.0.29",
     "@types/react": "16.8.12",
     "@types/react-dom": "16.8.3",
     "enzyme": "3.9.0",
     "enzyme-adapter-react-16": "1.12.1",
     "enzyme-to-json": "3.x.x",
     "jest-enzyme": "7.0.2",
+    "mobx": "^5.9.4",
     "node-sass": "^4.11.0",
     "node-sass-package-importer": "^5.3.1",
     "postcss-import": "^12.0.1",

src/components/DetailDialog.tsx

@@ -38,7 +38,7 @@ export const DetailDialog: React.FunctionComponent<IDetailDialog> = ({ node, tre
   return (
     <Dialog
       isOpen
-      onClose={() => treeStore.setActiveNode()}
+      onClose={() => treeStore.setActiveNode('')}
       title={
         <div className="py-3">
           <div className="flex items-center text-base">