diff --git a/packages/dev-utils/package.json b/packages/dev-utils/package.json
index 07c51dc8ae..9639ffd8fc 100644
--- a/packages/dev-utils/package.json
+++ b/packages/dev-utils/package.json
@@ -48,7 +48,6 @@
     "@testing-library/react": "^12.1.3",
     "@testing-library/user-event": "^14.0.0",
     "react-use": "^17.2.4",
-    "react-hot-loader": "^4.13.0",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "zen-observable": "^0.8.15"
diff --git a/packages/dev-utils/src/devApp/render.tsx b/packages/dev-utils/src/devApp/render.tsx
index 9f9fcd8ca6..5cd77528a4 100644
--- a/packages/dev-utils/src/devApp/render.tsx
+++ b/packages/dev-utils/src/devApp/render.tsx
@@ -46,7 +46,6 @@ import { Box } from '@material-ui/core';
 import BookmarkIcon from '@material-ui/icons/Bookmark';
 import React, { ComponentType, ReactNode } from 'react';
 import ReactDOM from 'react-dom';
-import { hot } from 'react-hot-loader';
 import { Route } from 'react-router';
 import { SidebarThemeSwitcher } from './SidebarThemeSwitcher';
 
@@ -224,12 +223,7 @@ export class DevAppBuilder {
    * Build and render directory to #root element, with react hot loading.
    */
   render(): void {
-    const hotModule =
-      require.cache['./dev/index.tsx'] ??
-      require.cache['./dev/index.ts'] ??
-      module;
-
-    const DevApp = hot(hotModule)(this.build());
+    const DevApp = this.build();
 
     if (
       window.location.pathname === '/' &&