Fixed reset input values in NoteInputDialog

src/frontend/src/features/notes/ui/NotesTableRow.tsx

@@ -1,7 +1,7 @@
 import DeleteIcon from '@mui/icons-material/Delete';
 import EditIcon from '@mui/icons-material/Edit';
 import { IconButton, Stack, TableCell, TableRow, Tooltip } from '@mui/material';
-import { type FC, useEffect, useState } from 'react';
+import { type FC, useEffect, useState, useMemo } from 'react';
 import { type ProductSelectOption } from 'src/features/products';
 import { useRouterId } from 'src/hooks';
 import { notesApi } from '../api';
@@ -30,6 +30,7 @@ export const NotesTableRow: FC<NotesTableRowProps> = ({
   const [isDeleteDialogOpened, setIsDeleteDialogOpened] = useState(false);
   const [editNote, editNoteResponse] = notesApi.useEditNoteMutation();
   const [deleteNote, deleteNoteResponse] = notesApi.useDeleteNoteMutation();
+  const product = useMemo(() => toProductSelectOption(note), [note]);
 
   useEffect(() => {
     if ((editNoteResponse.isSuccess || deleteNoteResponse.isSuccess) && notesChanged) {
@@ -70,7 +71,7 @@ export const NotesTableRow: FC<NotesTableRowProps> = ({
         isOpened={isEditDialogOpened}
         mealType={note.mealType}
         pageId={pageId}
-        product={toProductSelectOption(note)}
+        product={product}
         products={products}
         productsLoading={productsLoading}
         quantity={note.productQuantity}

src/frontend/src/hooks/useInput.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { type InputOptions, type MapToInputPropsFunction, type ValidatorFunction } from 'src/types';
 
 // Single space is used to avoid shifting form control when it becomes invalid
@@ -53,20 +53,21 @@ export default function useInput<TValue, TProps>({
     }
   }, [errorHelperText, isTouched, validate, value]);
 
-  const inputProps = mapToInputProps({
-    value,
-    setValue,
-    helperText,
-    isInvalid,
-  });
-
-  return {
-    value,
-    setValue,
-    clearValue,
-    helperText,
-    isInvalid,
-    isTouched,
-    inputProps,
-  };
+  return useMemo(
+    () => ({
+      value,
+      setValue,
+      clearValue,
+      helperText,
+      isInvalid,
+      isTouched,
+      inputProps: mapToInputProps({
+        value,
+        setValue,
+        helperText,
+        isInvalid,
+      }),
+    }),
+    [clearValue, helperText, isInvalid, isTouched, mapToInputProps, setValue, value],
+  );
 }