Topic: React Component Development
How can I use `@tanstack/vue-query` to fetch data from `/get_session` and select specific keys in the response to update in a global pinia store

Topic: React Component Development

import FieldDropDown from "lib/hookForm/fieldDropDown"
import { ICompanyLogo } from "services/api/company/companyTypes"
import apiLoanQuery from "services/api/loan/apiLoanQuery"

interface IProps {
    forcePlaceLoanGuid?: string
    companyGuid?: string
}

export default function LoanLogoDropdown(props: IProps) {
    const { data: companyLogos } = apiLoanQuery.useGetCompanyLogosInfoByLoanGuidQuery(props.forcePlaceLoanGuid)

    if (!!!companyLogos) return null

    const logoKeyValues = companyLogos.map((logo: ICompanyLogo) => ({
        key: logo.portfolioIdentifier,
        value: logo.logoDescription,
    }))

    return (
        <FieldDropDown label="Company Logo" name="portfolioIdentifier" data={logoKeyValues} placeholder="Select Logo" labelColSize={3} inputColSize={9} />
    )
}