For this need to use mouse events

<button
    onMouseDown={() => setActive(true)}
    onMouseUp={() => setActive(false)}
    onMouseLeave={() => setActive(false)}
    style={{ backgroundColor: active ? 'white' : 'black', color: active ? 'black' : 'white' }}
>
    The-Button
</button>