example.js

const DepartmentButton = ({ onMouseOver }) => {
  <button onMouseOver={onMouseOver}>Example</button> 
}

const App = () => {
  const [classList, setClassList] = useState('inactive')
  function onMouseOverHandler() {
    if (!isMobileDevice()) {
      setClassList('activo')
    }
  }

  return (
    <React.Fragment>
      <div className={classList} />
      <DepartmentButton onMouseOver={onMouseOverHandler} />
    </React.Fragment>
  )
}