All: Use Lerna to manage monorepo

packages/app-desktop/gui/hooks/useImperativeHandlerDebugger.ts

@@ -0,0 +1,27 @@
+import usePrevious from './usePrevious';
+import { useImperativeHandle } from 'react';
+
+export default function useImperativeHandleDebugger(ref:any, effectHook:any, dependencies:any, dependencyNames:any[] = []) {
+	const previousDeps = usePrevious(dependencies, []);
+
+	const changedDeps = dependencies.reduce((accum:any, dependency:any, index:any) => {
+		if (dependency !== previousDeps[index]) {
+			const keyName = dependencyNames[index] || index;
+			return {
+				...accum,
+				[keyName]: {
+					before: previousDeps[index],
+					after: dependency,
+				},
+			};
+		}
+
+		return accum;
+	}, {});
+
+	if (Object.keys(changedDeps).length) {
+		console.log('[use-imperativeHandler-debugger] ', changedDeps);
+	}
+
+	useImperativeHandle(ref, effectHook, dependencies);
+}