useAPI

```javascript
export const useApi = (apiRequest, initialData, depend) => {
    // const [url, setUrl] = useState(initialUrl);
    const [isLoading, setIsLoading] = useState(true);
    const [hasError, setHasError] = useState(false);
    const [errorCode, setErrorCode] = useState(200);
    const [errorMessage, setErrorMessage] = useState("");
    const [fetchedData, setFetchedData] = useState(initialData);

    useEffect(() => {
        let unmounted = false;

        const handleFetchResponse = response => {
            if (unmounted) return initialData;

            setHasError(!response.ok);
            setErrorCode(response.statusCode);
            setErrorMessage(response.message);
            setIsLoading(false);
            return response.ok && response.json ? response.json() : initialData;
        };


        const fetchData = () => {
            setIsLoading(true);
            return apiRequest
                .then(handleFetchResponse)
                .catch(handleFetchResponse);
        };

        if (!unmounted)
            fetchData().then(data => !unmounted && setFetchedData(data));

        return () => {
            unmounted = true;
        };
    }, depend);

    return {isLoading, hasError, errorCode, errorMessage, data: fetchedData, setData: setFetchedData};
};
```

export const useApi = (apiRequest, initialData, depend) => {
    // const [url, setUrl] = useState(initialUrl);
    const [isLoading, setIsLoading] = useState(true);
    const [hasError, setHasError] = useState(false);
    const [errorCode, setErrorCode] = useState(200);
    const [errorMessage, setErrorMessage] = useState("");
    const [fetchedData, setFetchedData] = useState(initialData);

    useEffect(() => {
        let unmounted = false;

        const handleFetchResponse = response => {
            if (unmounted) return initialData;

            setHasError(!response.ok);
            setErrorCode(response.statusCode);
            setErrorMessage(response.message);
            setIsLoading(false);
            return response.ok && response.json ? response.json() : initialData;
        };


        const fetchData = () => {
            setIsLoading(true);
            return apiRequest
                .then(handleFetchResponse)
                .catch(handleFetchResponse);
        };

        if (!unmounted)
            fetchData().then(data => !unmounted && setFetchedData(data));

        return () => {
            unmounted = true;
        };
    }, depend);

    return {isLoading, hasError, errorCode, errorMessage, data: fetchedData, setData: setFetchedData};
};