How to fire an event after the mouse button is released in React?

Question

React

It is necessary that the event fires after the mouse button is first pressed and then released. That is, the mouseup event should fire. But how do you make this event fit the React philosophy?

UPD:
App.js:

const App = ({ color }) => {
  const colorRef = useRef(color)
  const record = (base) => {
    // обновляется state
  }
  return (
    <input type="color" ref={colorRef} defaultValue={color} onMouseUp={record} />
  )
}

Answer 1

https://ru.reactjs.org/docs/events.html#mouse-events