Function useSwappedWheelScrollDirection

Source
useSwappedWheelScrollDirection(): {
    ref: (node: HTMLDivElement) => void;
    scrollToH: (target: number) => void;
    scrollToV: (target: number) => void;
}

React hoook to make it so that by default, mouse wheel scrolls horizontally, and Shift + mouse wheel scrolls vertically

const { ref } = useSwappedWheelScrollDirection();

return (<div ref={ref}> ... </div>);