TOOGLE
Memo and useCallback - DevOps
import React, { memo } from "react";

const Item = memo(({ id }) => {
    return (
        // Your component code here
   );
});

export default Item;

----------------------------------------------

import React, { useCallback } from "react";

const changeValue = useCallback((id, value, setItemValues) => {
    setItemValues(prevItems => prevItems.map(item => {
        if (item.id === id) {
            return { ...item, value: value };
        }
        return item;
    }));
}, []);