zod로 validate 하는 부분에 아래와 같이 사용

...

const nameRegexp = /^[ㄱ-ㅎ|가-힣|a-z|A-Z|0-9| ]+$/g;
const titleRegexp = /^[ㄱ-ㅎ|가-힣|a-z|A-Z|0-9| |(|)|\\-|\\_|\\[|\\]]+$/g;

export const lectureSchema = z.object({
	// 기존 코드에 'regex(regexp, message)' 추가
	// invalidate 시 두번째 인자로 넣은 message 출력
  lectureTitle: z.string().min(5).regex(titleRegexp, '특수문자 제외'),
  ...
}

formState에서 errors 확인 가능

  ...
  
  const {
    register,
    handleSubmit,
    formState: {
      errors
    }
  } = useForm<LectureType>({
    resolver: zodResolver(lectureSchema),
    mode: 'onChange'
  });
  
  console.log(errors);
  
	...

• 화면 (허용된 문자만 입력)

• 화면 (허용되지 않은 문자 입력)

에러 메시지 사용 예시

• useFrom 사용 시 formState의 errors 객체 받아오기

• TextInput 컴포넌트에 에러 메시지 전달하기 (register에 선언한 이름과 같은 어트리뷰트로)