Import devtools only when DEV=true (#385)

Author: loilo

src/devtools.ts

@@ -1,6 +1,8 @@
 // Ignoring missing types error to avoid adding another dependency for this hack to work
 // @ts-ignore
 import ws from 'ws';
+// @ts-ignore
+import {connectToDevTools} from 'react-devtools-core';
 
 const customGlobal = global as any;
 
@@ -69,10 +71,4 @@ customGlobal.window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = [
 	}
 ];
 
-// Ignoring missing types error to avoid adding another dependency for this hack to work
-// @ts-ignore
-import {connectToDevTools} from 'react-devtools-core';
-
-if (process.env.DEV === 'true') {
-	connectToDevTools();
-}
+connectToDevTools();

src/reconciler.ts

@@ -23,8 +23,14 @@ import type {
 } from './dom';
 import type {Styles} from './styles';
 import type {OutputTransformer} from './render-node-to-output';
-// eslint-disable-next-line import/no-unassigned-import
-import './devtools';
+
+// We need to conditionally perform devtools connection to avoid
+// accidentally breaking other third-party code.
+// See https://github.com/vadimdemedes/ink/issues/384
+if (process.env.DEV === 'true') {
+	// eslint-disable-next-line import/no-unassigned-import
+	require('./devtools');
+}
 
 const cleanupYogaNode = (node?: Yoga.YogaNode): void => {
 	node?.unsetMeasureFunc();