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

A collection of 50+ hooks for state and UI management

"use client";
import { useDidUpdate } from "../use-did-update/use-did-update.mjs";
import { useEffect } from "react";
//#region packages/@mantine/hooks/src/use-logger/use-logger.ts
function useLogger(componentName, props) {
	useEffect(() => {
		console.log(`${componentName} mounted`, ...props);
		return () => console.log(`${componentName} unmounted`);
	}, []);
	useDidUpdate(() => {
		console.log(`${componentName} updated`, ...props);
	}, props);
	return null;
}
//#endregion
export { useLogger };

//# sourceMappingURL=use-logger.mjs.map