want to prevent sliding when pressing the left and right keys on the keyboard in carousel.

[gonta1026]

want

I want to use left and right arrow keys to prevent it from working for the convenience of my application.
maybe embla-carousel does not seem to work with left and right arrow keys, so I think this is because there is some control on the shadcn-ui side, but how can I prevent it from working with left and right arrow keys?

sample code

The following is part of the code of the carousel component acquired with shadcn-ui.

		const handleKeyDown = React.useCallback(
			(event: React.KeyboardEvent<HTMLDivElement>) => {
				if (event.key === "ArrowLeft") {
					event.preventDefault();
					scrollPrev();
				} else if (event.key === "ArrowRight") {
					event.preventDefault();
					scrollNext();
				}
			},
			[scrollPrev, scrollNext],
		);

                .
                .
                .

		return (
			<CarouselContext.Provider
				value={{
					carouselRef,
					api: api,
					opts,
					orientation:
						orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
					scrollPrev,
					scrollNext,
					canScrollPrev,
					canScrollNext,
				}}
			>
				<section
					ref={ref}
                                          // look this 👀
					// onKeyDownCapture={handleKeyDown} // I thought I disabled keyboard operation, but for some reason it is not disabled.
					className={cn("relative", className)}
					aria-roledescription="carousel"
					{...props}
				>
					{children}
				</section>
			</CarouselContext.Provider>
		);