Why doesn't the wrapper event fire when Button is disabled?

Question

React

The code

<div onMouseMove={() => {console.log('Hello')}} className={'wrap-button'}>
                            <button
                                {...buttonProps}
                                style={this.stylesElem}
                            >
                                {this.props.children}
                            </button>
                        </div>

When you hover over the button, the event does not fire?

Answer 1

.disabled {
  opacity: 0.8;
  pointer-events: none;
  user-select: none;
}

Using the class, you can make any element inactive, for example, links styled like buttons.