feat: SW-276 Optimized code removed vanilla implmentation

components/GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx

@@ -30,13 +30,19 @@ export default function ChildInfoSelector({
   const { adults, childrenInAdultsBed } = useGuestsRoomsStore(
     (state) => state.rooms[roomIndex]
   )
-  const isValidated = useGuestsRoomsStore.use.isValidated()
-  const updateChildAge = useGuestsRoomsStore.use.updateChildAge()
-  const updateChildBed = useGuestsRoomsStore.use.updateChildBed()
-  const increaseChildInAdultsBed =
-    useGuestsRoomsStore.use.increaseChildInAdultsBed()
-  const decreaseChildInAdultsBed =
-    useGuestsRoomsStore.use.decreaseChildInAdultsBed()
+  const {
+    isValidated,
+    updateChildAge,
+    updateChildBed,
+    increaseChildInAdultsBed,
+    decreaseChildInAdultsBed,
+  } = useGuestsRoomsStore((state) => ({
+    isValidated: state.isValidated,
+    updateChildAge: state.updateChildAge,
+    updateChildBed: state.updateChildBed,
+    increaseChildInAdultsBed: state.increaseChildInAdultsBed,
+    decreaseChildInAdultsBed: state.decreaseChildInAdultsBed,
+  }))
 
   const ageList = Array.from(Array(13).keys()).map((age) => ({
     label: `${age}`,

components/GuestsRoomsPicker/ChildSelector/index.tsx

@@ -22,8 +22,12 @@ export default function ChildSelector({ roomIndex = 0 }: ChildSelectorProps) {
   const children = useGuestsRoomsStore(
     (state) => state.rooms[roomIndex].children
   )
-  const increaseChildren = useGuestsRoomsStore.use.increaseChildren()
-  const decreaseChildren = useGuestsRoomsStore.use.decreaseChildren()
+  const increaseChildren = useGuestsRoomsStore(
+    (state) => state.increaseChildren
+  )
+  const decreaseChildren = useGuestsRoomsStore(
+    (state) => state.decreaseChildren
+  )
 
   function increaseChildrenCount(roomIndex: number) {
     if (children.length < 5) {