Button - disabled attribute is not working

[PovedaAqui]

Hello,

I'm trying to disable a button depending on a boolean state, but it never happens, the button is still active although the state has passed to be true. This is a React Dialog (modal) component. Could you help me?

<button
  type="button"
  disabled={pending}
  className="inline-flex w-full justify-center rounded-md border border-transparent bg-blue-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm"
  onClick={() => buyingBook()}
>

[PovedaAqui]

Although it's showing that the state is not changing by console, it is changing, I just applied some CSS tricks for the user to notice these changes, but feel free to add your thoughts.