fix: SW-693 Fixed hydration error

components/Forms/BookingWidget/FormContent/Search/index.tsx

@@ -25,14 +25,15 @@ import type { Location } from "@/types/trpc/routers/hotel/locations"
 
 const name = "search"
 export default function Search({ locations }: SearchProps) {
-  const [state, dispatch] = useReducer(
-    reducer,
-    { defaultLocations: locations },
-    init
-  )
   const { register, setValue, trigger } = useFormContext<BookingWidgetSchema>()
   const intl = useIntl()
   const value = useWatch({ name })
+  const searchData = useWatch({ name: "location" })
+  const [state, dispatch] = useReducer(
+    reducer,
+    { defaultLocations: locations, searchData },
+    init
+  )
 
   const handleMatchLocations = useCallback(
     function (searchValue: string) {

components/Forms/BookingWidget/FormContent/Search/reducer.ts

@@ -22,27 +22,14 @@ export function getSearchHistoryFromLocalStorage() {
 }
 
 export const sessionStorageKey = "searchData"
-export function getSearchDataFromSessionStorage() {
-  if (typeof window !== "undefined") {
-    const storageSearchData = window.sessionStorage.getItem(sessionStorageKey)
-    if (storageSearchData) {
-      const parsedStorageSearchData: Location = JSON.parse(storageSearchData)
-      if (parsedStorageSearchData) {
-        return parsedStorageSearchData
-      }
-    }
-  }
-  return undefined
-}
 
 export function init(initState: InitState): State {
   const searchHistory = getSearchHistoryFromLocalStorage()
-  const searchData = getSearchDataFromSessionStorage()
   return {
     defaultLocations: initState.defaultLocations,
     locations: [],
     search: "",
-    searchData,
+    searchData: initState.searchData,
     searchHistory,
   }
 }

types/components/form/bookingwidget.ts

@@ -60,4 +60,5 @@ export interface State {
   searchHistory: Locations | null
 }
 
-export interface InitState extends Pick<State, "defaultLocations"> {}
+export interface InitState
+  extends Pick<State, "defaultLocations" | "searchData"> {}