Mantine UIFAQColors generator

use-force-update

Forces the component to rerender without state change

Source

View source code

Docs

Edit this page

Package

@thinker-core/mantine-hooks

Usage

The use-force-update hook returns a function that, when called, rerenders the component:

mantine-h81mm17oo

import { Button, Text, Group } from '@thinker-core/mantine-core';
import { useForceUpdate, randomId } from '@thinker-core/mantine-hooks';

function Demo() {
  const forceUpdate = useForceUpdate();

  return (
    <Group justify="center">
      <Text>{randomId()}</Text>
      <Button onClick={forceUpdate}>Force update</Button>
    </Group>
  );
}

Definition

function useForceUpdate(): () => void;

use-did-update

use-is-first-render