A javascript spinner used to visually help detect freezes in the UI

JsSpinner.tsx

function JsSpinner() {
  const ref = useRef<HTMLDivElement | null>(null);
  useEffect(() => {
    let deg = 0;
    let id = 0;
    function rotate() {
      id = requestAnimationFrame(() => {
        ref.current.style.transform = `rotate(${(deg += 2) % 360}deg)`;
        rotate();
      });
    }
    rotate();
    return () => {
      cancelAnimationFrame(id);
    };
  }, []);
  return (
    <div
      ref={ref}
      style={{ height: 20, width: 2, backgroundColor: 'magenta' }}
    ></div>
  );
}