feat(SW-251): type assertion

components/HotelReservation/SelectHotel/HotelFilter/index.tsx

@@ -9,6 +9,10 @@ import { HotelFiltersProps } from "@/types/components/hotelReservation/selectHot
 export default function HotelFilter({ filters }: HotelFiltersProps) {
   const intl = useIntl()
 
+  function handleOnChange() {
+    // TODO: Update URL with selected values
+  }
+
   return (
     <aside className={styles.container}>
       <div className={styles.facilities}>
@@ -16,8 +20,13 @@ export default function HotelFilter({ filters }: HotelFiltersProps) {
         <form>
           <ul>
             {filters.map((data) => (
-              <li key={data?.id} className={styles.filter}>
-                <input id={`${data?.id}`} name={data?.name} type="checkbox" />
+              <li key={data.id} className={styles.filter}>
+                <input
+                  id={`${data.id}`}
+                  name={data.name}
+                  type="checkbox"
+                  onChange={handleOnChange}
+                />
                 <label htmlFor={`${data?.id}`}>{data?.name}</label>
               </li>
             ))}