scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: SW-1139 Fixed hydration error

Browse Source
This commit is contained in:
Hrishikesh Vaipurkar
2024-12-03 20:31:14 +01:00
parent ee7fc2f497
commit 562b186d40
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/HotelReservation/SelectRate/RoomFilter/index.tsx
View File

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