usePreviousValue.ts

'use client';
import { useIsoLayoutEffect } from './useIsoLayoutEffect';
import { useRefWithInit } from './useRefWithInit';

export function usePreviousValue<T>(value: T) {
  const instance = useRefWithInit(createPreviousValue, value).current;

  instance.next = value;
  instance.dependencies[0] = value;

  // eslint-disable-next-line react-hooks/exhaustive-deps
  useIsoLayoutEffect(instance.effect, instance.dependencies);

  return instance;
}

function createPreviousValue<T>(value: T) {
  const instance = {
    current: value,
    next: value,
    dependencies: [value],
    effect: () => {
      instance.current = instance.next;
      instance.dependencies = [instance.next];
    },
  };
  return instance;
}