use-logger

Logs given values to console when component renders

Import

Source

View source code

Docs

Edit this page

Package

@mantine/hooks

Usage

use-logger logs given values to the console each time component renders. Open devtools to see state changes in 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

Welcome to Mantine, React components library that you always wished for

Build fully functional accessible web applications faster than ever

About

Contribute About Mantine Changelog GitHub Releases

Community

Chat on Discord Follow on X Follow on Github GitHub discussions

Project

Mantine UI Help Center Github organization npm organization

Built by Vitaly Rtishchev and these awesome people

Join Discord community Follow Mantine on X