Реагировать, не устанавливая состояние из выборки данных

У меня есть фрагмент JS-кода, который должен извлекать данные из конечной точки и заполнять форму из данных.

Основная проблема, с которой я столкнулся, заключается в том, что он заполняет только первое поле. Остальное не заполняет.

Компонент реакции показан ниже.

import React, { useState, useCallback, useEffect } from "react";
import {  Page, Button, Stack, Card, Form, FormLayout, TextField, TextContainer, Modal, Toast, TextStyle, Loading } from "@shopify/polaris";
import axiosInstance from "../common/RequestHandler";
import { useParams } from 'react-router-dom';
import { useNavigate } from "react-router";

function EditPackages(){
    const [errorToastActive, setErrorToastActive] = useState(false);

    const [active, setActive] = useState(false);
    const [isLoading, setIsLoading] = useState(false);

    const [height, setHeight] = useState('');
    const [width, setWidth] = useState('');
    const [depth, setDepth] = useState('');
    const [maxWeight, setMaxWeight] = useState('');
    const [packageName, setPackageName] = useState('');
    const [packageId, setPackageId] = useState(null);
    const [btnLoadingState, setBtnLoadingState] = useState(false);

    const [btnLoadingState, setBtnLoadingState] = useState(false);

    const toggleErrorToastActive = useCallback(() => setErrorToastActive((errorToastActive) => !errorToastActive), []);

    const errorToastMarkUp = errorToastActive ? (
        <Toast content = "Error in editing your package" error onDismiss = {toggleErrorToastActive} />
    ) : null;


    const params = useParams();
    const editPackageId = params.editPackageId;

    console.info("Edit Package ID -> ", editPackageId);

    const navigate = useNavigate();

    useEffect(async () => {
        const data = await retrievePackage();
        console.info(data);
        setMaxWeight(data.maxWeight);
        setDepth(data.depth);
        setHeight(data.height);
        setWidth(data.width);
        setPackageName(data.packageName);
    }, [editPackageId]);

    const backToPackages = function (){
        navigate('/app/packages');
    }

    const getPackage = useCallback(async () => {
        setPackageInfo(await retrievePackage());
    }, []);

    async function retrievePackage(){
        setIsLoading(true);
        const resp1 = await axiosInstance.get('/packageInfo?packageId=' + editPackageId);
        setIsLoading(false);
        return await resp1.data;
    }
    
    return (
        <Page title = "Edit Package" fullWidth>
            {errorToastMarkUp}
            <Form>
                <FormLayout>
                    <TextField label = "Package Name" value = {packageName} onChange = {setPackageName} autoComplete = "off" />
                <TextField label = "Height in CM" value = {height} onChange = {setHeight} autoComplete = "off" />
                <TextField label = "Width in CM"  value = {width} onChange = {setWidth} autoComplete = "off" />
                <TextField label = "Depth in CM"  value = {depth} onChange = {setDepth} autoComplete = "off" />
                <TextField label = "Max Weight in Grams"  value = {maxWeight} onChange = {setMaxWeight} autoComplete = "off" />
                    <Button submit>Submit</Button>
                </FormLayout>
            </Form>
        </Page>
    );
}

export default EditPackages;

Метод getPackage предназначен для извлечения данных из конечной точки, и я ожидаю, что setPackageInfo установит состояние/значения для объекта.

Я могу подтвердить, что данные API получены, и, чтобы еще больше меня запутать, текстовое поле заполняется packageInfo.packageName. Но в остальном ни одного. Я уверен, что имена также совпадают с извлечением данных.

Для лучшего понимания ниже мой ответ от конечной точки.

{
    "id": 25,
    "mId": 1,
    "height": 123,
    "width": 35,
    "depth": 3,
    "maxWeight": 4566,
    "created_at": "2022-02-18T21:13:47.000000Z",
    "updated_at": "2022-02-18T21:13:47.000000Z",
    "packageName": "Some random name"
}

Любая помощь очень ценится. Я несколько дней бился головой о кирпичную стену с этой проблемой. Заранее спасибо.