usePrevious

import { usePrevious } from '@kuzenbo/hooks';
import { useState } from 'react';

function Demo() {
  const [count, setCount] = useState(0);
  const previousCount = usePrevious(count);

  return (
    <div>
      <p>Current: {count}</p>
      <p>Previous: {previousCount ?? 'N/A'}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

import { usePrevious } from '@kuzenbo/hooks';
import { useState, useEffect } from 'react';

function Demo() {
  const [value, setValue] = useState('');
  const previousValue = usePrevious(value);

  useEffect(() => {
    if (previousValue !== null && previousValue !== value) {
      console.log(`Value changed from "${previousValue}" to "${value}"`);
    }
  }, [value, previousValue]);

  return <input value={value} onChange={(e) => setValue(e.target.value)} />;
}

function usePrevious<T>(value: T): T | null