useLogger

Log component lifecycle events.

Utility

API Reference

terminal

pnpm add @shak-hooks/usehooks

import.ts

import { useLogger } from "@shak-hooks/usehooks";

Source: packages/react/src/useLogger.ts

signature.ts

export function useLogger(name: string, ...rest: any[])

Name	Type	Optional	Default
name	string	No	-
rest	any[]	No	-

unknown

use-logger.ts

1import { useEffect } from "react";

3export function useLogger(name: string, ...rest: any[]) {

4 useEffect(() => {

5 console.log(`${name} mounted`, ...rest);

6 return () => console.log(`${name} unmounted`);

7 }, []);

9 useEffect(() => {

10 console.log(`${name} updated`, ...rest);

11 });

12}

Google Ads

example.tsx

1import { useLogger } from "@shak-hooks/usehooks";

3const result = useLogger("...", undefined);

4// result: unknown

5// Use values directly (React state).