HTML form Enter키 눌러도 제출 안되도록 하기

기본적으로 form태그에서 enter키를 누르면 submit이 된다

form태그 내에서 Enter키로 다른 작업을 처리해야하는 경우가 있어서 Enter키를 누르면 submit이 되는 것을 막아야했다.

<form
    className="flex flex-col w-full"
    onSubmit={handleSubmit}
    onKeyDown={(e) => e.code === 'Enter' && e.preventDefault()}
>
...
<form/>

위 코드에서 볼 수 있듯이 onKeyDown={(e) => e.code === 'Enter' && e.preventDefault()} 를 설정해 해결할 수 있었다