use-logger

Logs given values to console when component renders

Source

Docs

PackageIcon

Usage

The use-logger hook logs given values to the console each time the component renders. Open DevTools to see state changes in the console:

import { useState } from 'react';
import { useLogger } from '@mantine/hooks';
import { Button } from '@mantine/core';

function Demo() {
  const [count, setCount] = useState(0);
  useLogger('Demo', [{ count, hello: 'world' }]);
  return <Button onClick={() => setCount((c) => c + 1)}>Update state ({count})</Button>;
}

Definition

function useLogger(componentName: string, props: any[]): any;

use-isomorphic-effect

use-mounted