calvinte / use-state-promise

React useState Hook with asynchronous setter.

Use State Promise

An enhanced version of useState hook that returns asynchronous setter. Written in TS.

Installation & Usage

yarn add use-state-promise

import useStatePromise from 'use-state-promise';

export default function App() {
  const [data, setDataPromise, setData] = useStatePromise(10);
  return (
    <>
      <p>{data}</p>
      <button
        onClick={() =>
          setDataPromise((curr) => curr + 1).then((state) => console.log('dom updated', state))
        }
      >
        click me!
      </button>
    </>
  );
}