Add Previous State Property to useBlocker

[aress31]

Could you consider adding the previous state as a property to useBlocker?

Here’s a use case:

const blocker = useBlocker(isDirty);
const previousBlockerState = useRef(blocker.state);

useEffect(() => {
  if (previousBlockerState.current !== "blocked") reset(selectedRow);
}, [previousBlockerState.current, selectedRow, reset]);

const handleBlocker = useCallback(
  async (actionType, onConfirm, onCancel) => {
    const confirmed = await dialogs.confirm(
      `You have unsaved changes. Are you sure you want to ${actionType} without saving them? This action cannot be undone.`,
      { okText: "Confirm", severity: "warning" },
    );

    if (confirmed) onConfirm();
    else onCancel();
  },
  [dialogs],
);

Currently, I’m using a workaround with a ref to store the blocker.state in order to prevent resetting the form when the blocker is triggered. It would be more efficient - less boilerplate code - if this previous state could be managed directly within useBlocker, avoiding the need for boilerplate code like the ref.