onDoubleClick not working

Hello! I’m not sure why but with this function onClick works, but my onDoubleClick does not work (I’m on a mac using a touch pad if that affects this) Please let me know if you have a solution or explanation!

Works: <div className=‘Events’ onClick={() => onToggle(task.id)}>

Doesn’t work: <div className=‘Events’ onDoubleClick={() => onToggle(task.id)}>

it works you just have to close your browser dev tool