import { useCallback, useEffect, useState } from 'react';

const useChangeItem = ({url, body}) => {

    const [data, setData] = useState(null)

    const fetchData = useCallback( async () => {
        const fetchResponse = await fetch(url, {
            method: "PUT",
            headers: {
                "Content-Type":"application/json",
            },
            body: JSON.stringify(body)
        });

        const jsonData = await fetchResponse.json();
        setData(jsonData);
    },[body, url]);

    useEffect(()=>{
        fetchData();
    },[fetchData])

    return data;
}

export default useChangeItem