function getTextBoxValue(field: Field): string | number | string[] {
        console.log(`The field value and deps for ${field.name} are: `);
        console.log(field.dependencies);
        console.log(field.value);
        // !props.isCreatePage ? props.data[field.name] : "";

        if (!props.isCreatePage) {
            if (field.dependencies && isTriggerFieldChanged()) {
                console.log("EXECUTING API CALL BECAUSE TRIGGER FIELD HAS CHANGED");
                // execute the expression in field.value
                setIsTriggerFieldChanged(false);
                return field.value;
            }
            return props.data[field.name];
        } else {
            return "";
        }
    }