Update @hookform/resolvers

In v5 the zod resolver will automatically infer the type for `useForm`.
It's not recommended to manually specify types.
See https://github.com/react-hook-form/resolvers/releases/tag/v5.0.0

apps/scandic-web/components/BookingWidget/Client.tsx

@@ -113,7 +113,7 @@ export default function BookingWidgetClient({
     },
   ]
   const hotelId = isNaN(+params.hotelId) ? undefined : +params.hotelId
-  const methods = useForm<BookingWidgetSchema>({
+  const methods = useForm({
     defaultValues: {
       search: selectedLocation?.name ?? "",
       // Only used for displaying the selected location for mobile, not for actual form input

apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/index.tsx

@@ -18,8 +18,6 @@ import { getMultiroomDetailsSchema } from "./schema"
 
 import styles from "./details.module.css"
 
-import type { MultiroomDetailsSchema } from "@/types/components/hotelReservation/enterDetails/details"
-
 const formID = "enter-details"
 export default function Details() {
   const intl = useIntl()
@@ -53,7 +51,7 @@ export default function Details() {
     [idx, rooms]
   )
 
-  const methods = useForm<MultiroomDetailsSchema>({
+  const methods = useForm({
     criteriaMode: "all",
     mode: "all",
     resolver: zodResolver(getMultiroomDetailsSchema(crossValidationData)),

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/index.tsx

@@ -43,7 +43,7 @@ export default function Details({ user }: DetailsProps) {
 
   const memberRate = "member" in room.roomRate ? room.roomRate.member : null
 
-  const methods = useForm<DetailsSchema>({
+  const methods = useForm({
     criteriaMode: "all",
     mode: "all",
     resolver: zodResolver(user ? signedInDetailsSchema : guestDetailsSchema),

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/index.tsx

@@ -88,7 +88,7 @@ export default function AddAncillaryFlowModal({
   const hasInsufficientPoints =
     (user?.membership?.currentPoints ?? 0) < (selectedAncillary?.points ?? 0)
 
-  const formMethods = useForm<AncillaryFormData>({
+  const formMethods = useForm({
     defaultValues: {
       quantityWithPoints: null,
       quantityWithCard:

apps/scandic-web/package.json

@@ -34,7 +34,7 @@
     "@contentstack/live-preview-utils": "^3.0.0",
     "@formatjs/intl": "^2.10.15",
     "@hookform/error-message": "^2.0.1",
-    "@hookform/resolvers": "^3.3.4",
+    "@hookform/resolvers": "^5.0.1",
     "@internationalized/date": "^3.6.0",
     "@netlify/blobs": "^8.1.0",
     "@netlify/functions": "^3.0.0",