Best practices for state management and fetching data

    const {
        data: selectedPackaging,
        status: selectedPackagingStatus,
        error: selectedPackagingError
    }: {
        data: {
            packagingGroup: SelectBoxOption | null;
            palletizingGroup: SelectBoxOption | null;
            packagingItems: any[];
            palletizingItems: any[];
        } | undefined;
        status: string;
        error: string | null;
    } = useQuery({
        queryKey: ['quotePackaging', {quoteID: editingQuoteID}],
        queryFn: getQuotePackaging,
        enabled: !!editingQuoteID,
        initialData: initialSelectedPackaging,