useUpdate

React utility hook that returns a function that forces component to re-render when called.

Usage

import { useUpdate } from "@reactuses/core";

const Demo = () => {
  const update = useUpdate();
  return (
    <>
      {/* to avoid ssr error beacause date.now() will not be same in server and client */}
      <div suppressHydrationWarning={true}>Time: {Date.now()}</div>
      <button onClick={update}>Update</button>
    </>
  );
};

Example

Time: 1684678669391

Type Declarations

export default function useUpdate(): () => void