double-click-prevented-component.js

  import React from "react";
  import useClickPrevention from "./use-click-prevention";
  
  const MyComponent = () => {
    const onClick = () => console.log("single click");
    const onDoubleClick = () => console.log("double click");
    
    const [onClickWithPrevention, onDoubleClickWithPrevention] = useClickPrevention({ onClick, onDoubleClick });
    
    return (
      <div 
        className="clickable-container"
        onClick={onClickWithPrevention}
        onDoubleClick={onDoubleClickWithPrevention}
      />
    );  
  }