Debounce Plain JavaScript

debounce.js

const debounce = (callback, wait) => {
  let timeoutId = null;
  return (...args) => {
    window.clearTimeout(timeoutId);
    timeoutId = window.setTimeout(() => {
      callback.apply(null, args);
    }, wait);
  };
}

debounce.jsx

import React from 'react';

function App() {
  const [mouseX, setMouseX] = React.useState(null);
  const handleMouseMove = React.useMemo(
    debounce((ev) => {
      setMouseX(ev.clientX);
    }, 250),
    []
  );
  return (
    <div onMouseMove={handleMouseMove}>
      Mouse position: {mouseX}
    </div>
  );
}