1 files changed, 7 insertions, 14 deletions

diff --git a/packages/renderer/src/devTools.ts b/packages/renderer/src/devTools.ts
index 3ec66aa..3d3ba99 100644
--- a/packages/renderer/src/devTools.ts
+++ b/packages/renderer/src/devTools.ts
@@ -32,31 +32,24 @@ import type { IAnyStateTreeNode } from 'mobx-state-tree';
  * However, we don't bundle `remotedev` in production, so the call would fail anyways.
  *
  * @param model The store to connect to the redux devtools.
+ * @return A promise that resolves when the store was exposed to the devtools.
  * @see https://github.com/SocketCluster/socketcluster-client/issues/118#issuecomment-469064682
  */
-async function exposeToReduxDevtoolsAsync(model: IAnyStateTreeNode): Promise<void> {
+export async function exposeToReduxDevtools(model: IAnyStateTreeNode): Promise<void> {
   (window as { global?: unknown }).global = window;
 
+  // Hack to load dev dependencies on demand.
   const [remotedev, { connectReduxDevtools }] = await Promise.all([
-    // @ts-ignore
-    import('remotedev'),
+    // @ts-expect-error `remotedev` has no typings.
+    // eslint-disable-next-line import/no-extraneous-dependencies
+    import('remotedev') as unknown,
+    // eslint-disable-next-line import/no-extraneous-dependencies
     import('mst-middlewares'),
   ]);
   connectReduxDevtools(remotedev, model);
 }
 
 /**
- * Connects the `model` to the redux devtools extension.
- *
- * @param model The store to connect to the redux devtools.
- */
-export function exposeToReduxDevtools(model: IAnyStateTreeNode): void {
-  exposeToReduxDevtoolsAsync(model).catch((err) => {
-    console.error('Could not connect to Redux devtools', err);
-  });
-}
-
-/**
  * Sends a message to the main process to reload all services when
  * `build/watch.js` sends a reload event on bundle write.
  */