useForceUpdate

useForceUpdate will return a function, calling this function will force the component to re-render

Import: import { useForceUpdate } from '@kubed/hooks;'

Source: View source code

Docs: Edit this page

npm: @kubed/hooks

Usage

useForceUpdate forces the component to re-render.

import React from 'react';
import { useForceUpdate } from '@kubed/hooks';
import { Button, Group } from '@kubed/components'

export default function App() {
   const update = useForceUpdate();

     return (
       <div>
         <p>Time:{Date.now()}</p>
         <Group spacing="xl">
           <Button onClick={() => update()}>update</Button>
         </Group>
       </div>
     );
}

1
import React from 'react';
2
import { useForceUpdate } from '@kubed/hooks';
3
import { Button, Group } from '@kubed/components'
4

5
export default function App() {
6
   const update = useForceUpdate();
7

8
     return (
9
       <div>
10
         <p>Time:{Date.now()}</p>
11
         <Group spacing="xl">
12
           <Button onClick={() => update()}>update</Button>
13
         </Group>
14
       </div>
15
     );
16
}
17

18

API

1
function useForceUpdate(): () => void