The naive approach: lighting grid cells on pointerenter, which skips cells on a fast cursor. The counter-example to swept collision detection in Motion for React.
"use client" import CollisionHoverEventsOnly from "@/components/ui/motion-collision-hover-events-only" export default function Default() { return ( <div className="motion-example flex w-full items-center justify-center p-8"> <CollisionHoverEventsOnly /> </div> ) }