use-force-update

Force component to render without state change

Import

Source

View source code

Docs

Edit this page

Package

@mantine/hooks

Usage

Hook returns a function, when this function is called component rerenders:

mantine-nqcm8i70e

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

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

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