FullScreenSpaceJump.tsx

import { useEffect } from "react";

function handleSpace(event: KeyboardEvent) {
  if (event.key === " ") {
    event.preventDefault();
    const delta = event.shiftKey ? -window.innerHeight : window.innerHeight;
    window.scrollTo(0, window.scrollY + delta);
  }
}

export function FullScreenSpaceJump() {
  useEffect(() => {
    window.addEventListener("keypress", handleSpace);
    return () => window.removeEventListener("keypress", handleSpace);
  }, []);

  return null;
}