fix: SW-1139 Fixed hydration error

components/HotelReservation/SelectRate/RoomFilter/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { zodResolver } from "@hookform/resolvers/zod"
-import { useCallback, useEffect, useMemo } from "react"
+import { useCallback, useEffect, useMemo, useState } from "react"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
@@ -27,7 +27,8 @@ export default function RoomFilter({
   onFilter,
   filterOptions,
 }: RoomFilterProps) {
-  const isAboveMobile = useMediaQuery("(min-width: 768px)")
+  const isTabletAndUp = useMediaQuery("(min-width: 768px)")
+  const [isAboveMobile, setIsAboveMobile] = useState(false)
 
   const initialFilterValues = useMemo(
     () =>
@@ -71,6 +72,10 @@ export default function RoomFilter({
     return () => subscription.unsubscribe()
   }, [handleSubmit, watch, submitFilter])
 
+  useEffect(() => {
+    setIsAboveMobile(isTabletAndUp)
+  }, [isTabletAndUp])
+
   return (
     <div className={styles.container}>
       <div className={styles.infoDesktop}>