@mantine/hooks/esm/use-logger/use-logger.mjs

A collection of 50+ hooks for state and UI management

'use client';
import { useEffect } from 'react';
import { useDidUpdate } from '../use-did-update/use-did-update.mjs';

function useLogger(componentName, props) {
  useEffect(() => {
    console.log(`${componentName} mounted`, ...props);
    return () => console.log(`${componentName} unmounted`);
  }, []);
  useDidUpdate(() => {
    console.log(`${componentName} updated`, ...props);
  }, props);
  return null;
}

export { useLogger };
//# sourceMappingURL=use-logger.mjs.map