@dxos/react-hooks 0.8.4-main.b97322e → 0.8.4-main.bd9b33e6c8

package/src/useDebugReactDeps.ts

@@ -1,27 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-/* eslint-disable no-console */
-
-import { type DependencyList, useEffect, useRef } from 'react';
-
-/**
- * Util to log deps that have changed.
- */
-// TODO(burdon): Move to react-hooks.
-export const useDebugReactDeps = (deps: DependencyList = []) => {
-  const lastDeps = useRef<DependencyList>([]);
-  useEffect(() => {
-    console.group('deps changed', { old: lastDeps.current.length, new: deps.length });
-    for (let i = 0; i < Math.max(lastDeps.current.length ?? 0, deps.length ?? 0); i++) {
-      console.log(i, lastDeps.current[i] === deps[i] ? 'SAME' : 'CHANGED', {
-        previous: lastDeps.current[i],
-        current: deps[i],
-      });
-    }
-
-    console.groupEnd();
-    lastDeps.current = deps;
-  }, deps);
-};

package/src/useTrackProps.ts

@@ -1,40 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { useRef, useEffect } from 'react';
-
-import { log } from '@dxos/log';
-
-/**
- * Use to debug which props have changed to trigger re-renders in a React component.
- */
-export const useTrackProps = <T extends Record<string, unknown>>(
-  props: T,
-  componentName = 'Component',
-  active = true,
-) => {
-  const prevProps = useRef<T>(props);
-  useEffect(() => {
-    const changes = Object.entries(props).filter(([key]) => props[key] !== prevProps.current[key]);
-    if (changes.length > 0) {
-      if (active) {
-        log.info('props changed', {
-          componentName,
-          keys: changes.map(([key]) => key).join(','),
-          props: Object.fromEntries(
-            changes.map(([key]) => [
-              key,
-              {
-                from: prevProps.current[key],
-                to: props[key],
-              },
-            ]),
-          ),
-        });
-      }
-    }
-
-    prevProps.current = props;
-  });
-};