Merge pull request #1111 from spotify/mob/register-unregister-components

Register component flow

packages/app/package.json

@@ -12,15 +12,16 @@
     "@backstage/plugin-lighthouse": "^0.1.1-alpha.6",
     "@backstage/plugin-register-component": "^0.1.1-alpha.6",
     "@backstage/plugin-scaffolder": "^0.1.1-alpha.6",
+    "@backstage/plugin-sentry": "^0.1.1-alpha.6",
     "@backstage/plugin-tech-radar": "^0.1.1-alpha.6",
     "@backstage/plugin-welcome": "^0.1.1-alpha.6",
     "@backstage/theme": "^0.1.1-alpha.6",
-    "@backstage/plugin-sentry": "^0.1.1-alpha.6",
     "@material-ui/core": "^4.9.1",
     "@material-ui/icons": "^4.9.1",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
+    "react-hot-loader": "^4.12.21",
     "react-router-dom": "^5.2.0",
     "react-use": "^14.2.0",
     "zen-observable": "^0.8.15"
@@ -73,10 +74,10 @@
       }
     },
     "/catalog/api": {
-      "target": "http://localhost:3003",
+      "target": "http://localhost:7000",
       "changeOrigin": true,
       "pathRewrite": {
-        "^/catalog/api/": "/"
+        "^/catalog/api/": "/catalog/"
       }
     }
   }

packages/app/src/App.tsx

@@ -20,6 +20,7 @@ import { BrowserRouter as Router } from 'react-router-dom';
 import Root from './components/Root';
 import * as plugins from './plugins';
 import apis from './apis';
+import { hot } from 'react-hot-loader/root';
 
 const app = createApp({
   apis,
@@ -41,4 +42,4 @@ const App: FC<{}> = () => (
   </AppProvider>
 );
 
-export default App;
+export default hot(App);