fix(frontend): #2049 Upgrade @tanstack/react-query from v4 to v5 (#2102)

MCatherine1994 · web-flow · commit 75fbfdc6a076 · 2025-08-11T14:43:39.000-07:00
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -15,8 +15,8 @@
     "@mui/icons-material": "^7.0.0",
     "@mui/material": "^7.0.0",
     "@mui/x-date-pickers": "^8.0.0",
-    "@tanstack/react-query": "^4.36.1",
-    "@tanstack/react-query-devtools": "^4.29.1",
+    "@tanstack/react-query": "^5.83.0",
+    "@tanstack/react-query-devtools": "^5.83.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.0.0",
diff --git a/frontend/src/components/BCHeader/UserButton.tsx b/frontend/src/components/BCHeader/UserButton.tsx
@@ -21,7 +21,7 @@ const UserButton = () => {
     queryKey: ['role', 'forest-clients', selectedClientRoles!.clientId],
     queryFn: () => getForestClientByNumberOrAcronym(selectedClientRoles!.clientId),
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS,
+    gcTime: THREE_HALF_HOURS,
     enabled: !selectedClientRoles?.clientName,
     refetchOnReconnect: false
   });
diff --git a/frontend/src/components/ClientAndCodeInput/ClientSearchModal/ClientSearchFields.tsx b/frontend/src/components/ClientAndCodeInput/ClientSearchModal/ClientSearchFields.tsx
@@ -48,7 +48,7 @@ const ClientSearchFields = ({
             onBlur={(e: React.ChangeEvent<HTMLInputElement>) => {
               setSearchWord(e.target.value);
             }}
-            disabled={mutationFn.isLoading}
+            disabled={mutationFn.isPending}
           />
         </Column>
         <Column sm={1} md={3} lg={3} xlg={3}>
@@ -60,7 +60,7 @@ const ClientSearchFields = ({
             items={clientSearchOptions}
             initialSelectedItem={clientSearchOptions[0]}
             selectedItem={searchOption}
-            disabled={mutationFn.isLoading}
+            disabled={mutationFn.isPending}
             onChange={(e: ComboBoxEvent) => {
               setSearchOption(e.selectedItem);
             }}
@@ -75,7 +75,7 @@ const ClientSearchFields = ({
                 : null
             }
             className="client-search-button"
-            disabled={mutationFn.isLoading}
+            disabled={mutationFn.isPending}
             onClick={
               searchWord.length
                 ? () => mutationFn.mutate()
diff --git a/frontend/src/components/ClientAndCodeInput/index.tsx b/frontend/src/components/ClientAndCodeInput/index.tsx
@@ -73,15 +73,15 @@ const ClientAndCodeInput = ({
     queryFn: () => getForestClientByNumberOrAcronym(clientInput.value),
     enabled: !!clientInput.value,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   const defaultClientQuery = useQuery({
     queryKey: ['forest-clients', defaultClientNumber],
     queryFn: () => getForestClientByNumberOrAcronym(defaultClientNumber!),
     enabled: !!defaultClientNumber,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   const updateAfterAgencyValidation = (updatedAgency: StringInputType) => {
@@ -367,11 +367,11 @@ const ClientAndCodeInput = ({
                   ? null
                   : supportTexts.agency.helperText
               }
-              invalid={clientInput.isInvalid && !validateClientAcronymMutation.isLoading}
+              invalid={clientInput.isInvalid && !validateClientAcronymMutation.isPending}
               invalidText={invalidAcronymMessage}
               readOnly={
                 (showCheckbox && isDefault)
-                || validateClientAcronymMutation.isLoading
+                || validateClientAcronymMutation.isPending
                 || readOnly
               }
               enableCounter
@@ -386,7 +386,7 @@ const ClientAndCodeInput = ({
             />
             {
               renderLoading(
-                validateClientAcronymMutation.isLoading,
+                validateClientAcronymMutation.isPending,
                 validateClientAcronymMutation.isSuccess,
                 showClientValidationStatus,
                 clientInput.id,
@@ -415,13 +415,13 @@ const ClientAndCodeInput = ({
                   ? null
                   : supportTexts.locationCode.helperTextEnabled
               }
-              invalid={locationCodeInput.isInvalid && !validateLocationCodeMutation.isLoading}
+              invalid={locationCodeInput.isInvalid && !validateLocationCodeMutation.isPending}
               invalidText={((showCheckbox && isDefault) && locationCodeInput.value === '')
                 ? supportTexts.locationCode.invalidTextInterimSpecific
                 : invalidLocationMessage}
               readOnly={
                 (showCheckbox && isDefault)
-                || readOnly || clientInput.isInvalid || validateLocationCodeMutation.isLoading
+                || readOnly || clientInput.isInvalid || validateLocationCodeMutation.isPending
               }
               disabled={(isDefault && locationCodeInput.value === '')}
               onWheel={(e: React.ChangeEvent<HTMLInputElement>) => e.target.blur()}
@@ -433,7 +433,7 @@ const ClientAndCodeInput = ({
             />
             {
               renderLoading(
-                validateLocationCodeMutation.isLoading,
+                validateLocationCodeMutation.isPending,
                 validateLocationCodeMutation.isSuccess,
                 showLocCodeValidationStatus,
                 locationCodeInput.id,
diff --git a/frontend/src/components/ClientSearchTable/index.tsx b/frontend/src/components/ClientSearchTable/index.tsx
@@ -83,7 +83,7 @@ const ClientSearchTable = (
     setProcessedData(sliced);
   };
 
-  if (mutationFn?.status === 'loading') {
+  if (mutationFn?.status === 'pending') {
     return (
       <DataTableSkeleton
         showToolbar={false}
diff --git a/frontend/src/components/FavouriteActivities/index.tsx b/frontend/src/components/FavouriteActivities/index.tsx
@@ -61,7 +61,7 @@ const FavouriteActivities = ({ isConsep }: FavouriteActivitiesProps) => {
         <Column sm={4} md={8} lg={16} xlg={12} className="favourite-activities-cards">
           <Row>
             {
-              favActQuery.isLoading ? (
+              favActQuery.isPending ? (
                 <Loading role="status" aria-live="polite" withOverlay={false}>
                   <span className="visually-hidden">Loading, please wait...</span>
                 </Loading>
diff --git a/frontend/src/components/LotApplicantAndInfoForm/SeedlotInformation.tsx b/frontend/src/components/LotApplicantAndInfoForm/SeedlotInformation.tsx
@@ -42,7 +42,7 @@ const SeedlotInformation = (
     queryFn: getVegCodes,
     enabled: !isEdit,
     staleTime: THREE_HOURS, // will not refetch for 3 hours
-    cacheTime: THREE_HALF_HOURS, // data is cached 3.5 hours then deleted
+    gcTime: THREE_HALF_HOURS, // data is cached 3.5 hours then deleted
     select: (data) => {
       let vegCodeOptions: Array<MultiOptionsObj> = [];
       if (data) {
@@ -59,7 +59,7 @@ const SeedlotInformation = (
     queryKey: ['seedlot-sources'],
     queryFn: () => getSeedlotSources(),
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   const setDefaultSource = (sources: SeedlotSourceType[]) => {
@@ -204,7 +204,7 @@ const SeedlotInformation = (
             onChange={(e: string) => handleSource(e)}
           >
             {
-              seedlotSourcesQuery.status === 'loading'
+              seedlotSourcesQuery.status === 'pending'
                 ? <RadioButtonSkeleton />
                 : renderSources()
             }
diff --git a/frontend/src/components/LotApplicantAndInfoForm/index.tsx b/frontend/src/components/LotApplicantAndInfoForm/index.tsx
@@ -45,7 +45,7 @@ const LotApplicantAndInfoForm = ({
       queryFn: () => getForestClientByNumberOrAcronym(selectedClientRoles?.clientId!),
       enabled: !isEdit && !isReview && !!selectedClientRoles?.clientId,
       staleTime: THREE_HOURS,
-      cacheTime: THREE_HALF_HOURS
+      gcTime: THREE_HALF_HOURS
     }
   );
 
diff --git a/frontend/src/components/OrganizationSelection/definitions.ts b/frontend/src/components/OrganizationSelection/definitions.ts
@@ -8,7 +8,7 @@ export type ClientTypeConfig = {
 
 export type OrganizationItemProps = {
   forestClient?: ForestClientType
-  queryState?: QueryState<unknown, undefined>
+  queryState?: QueryState<unknown, Error>
   selected?: boolean
 }
 
diff --git a/frontend/src/components/OrganizationSelection/index.tsx b/frontend/src/components/OrganizationSelection/index.tsx
@@ -42,15 +42,15 @@ const OrganizationSelection = ({ simpleView }: RoleSelectionProps) => {
       queryKey: ['role', 'forest-clients', clientRole.clientId],
       queryFn: () => getForestClientByNumberOrAcronym(clientRole.clientId),
       staleTime: THREE_HOURS,
-      cacheTime: THREE_HALF_HOURS,
+      gcTime: THREE_HALF_HOURS,
       refetchOnReconnect: false
     })) ?? []
   });
 
   const qc = useQueryClient();
 
   const filterClientsByValue = (value: string) => {
-    const forestClientsQueriesData = qc.getQueriesData(['role', 'forest-clients']);
+    const forestClientsQueriesData = qc.getQueriesData({ queryKey: ['role', 'forest-clients'] });
 
     const forestClients = forestClientsQueriesData.map((qData) => (
       qData.at(1) as ForestClientType
@@ -104,7 +104,7 @@ const OrganizationSelection = ({ simpleView }: RoleSelectionProps) => {
     const queryData: ForestClientType | undefined = qc.getQueryData(queryKey);
 
     // Render skeleton on load
-    if (queryState?.status === 'loading') {
+    if (queryState?.status === 'pending') {
       return (
         <Row className="org-item-skeleton-row" key={`${clientRole.clientId}-${clientRole.roles[0]}`}>
           <Column>
diff --git a/frontend/src/components/PageTitle/index.tsx b/frontend/src/components/PageTitle/index.tsx
@@ -40,14 +40,14 @@ const PageTitle = ({
   const addFavAct = useMutation({
     mutationFn: (actObjs: FavActivityPostType[]) => postFavAct(actObjs),
     onSuccess: () => {
-      queryClient.invalidateQueries(favActQueryKey);
+      queryClient.invalidateQueries({ queryKey: favActQueryKey });
     }
   });
 
   const removeFavAct = useMutation({
     mutationFn: (id: number) => deleteFavAct(id),
     onSuccess: () => {
-      queryClient.invalidateQueries(favActQueryKey);
+      queryClient.invalidateQueries({ queryKey: favActQueryKey });
     }
   });
 
diff --git a/frontend/src/components/SeedlotRegistrationSteps/CollectionStep/index.tsx b/frontend/src/components/SeedlotRegistrationSteps/CollectionStep/index.tsx
@@ -64,7 +64,7 @@ const CollectionStep = ({ isReview }: CollectionStepProps) => {
     queryKey: ['cone-collection-methods'],
     queryFn: getConeCollectionMethod,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   const handleDateChange = (isStartDate: boolean, value: string) => {
diff --git a/frontend/src/components/SeedlotRegistrationSteps/InterimStep/index.tsx b/frontend/src/components/SeedlotRegistrationSteps/InterimStep/index.tsx
@@ -123,7 +123,7 @@ const InterimStep = ({ isReview }:InterimStepProps) => {
     queryFn: getFacilityTypes,
     select: (data: any) => getMultiOptList(data),
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   const renderFacilityTypes = (facilityTypes: Array<MultiOptionsObj>) => {
diff --git a/frontend/src/components/SeedlotRegistrationSteps/OrchardStep/index.tsx b/frontend/src/components/SeedlotRegistrationSteps/OrchardStep/index.tsx
@@ -76,7 +76,7 @@ const OrchardStep = ({
     select: (data) => getMultiOptList(data, true, false, true, ['isFemaleMethodology', 'isPliSpecies']),
     enabled: !isFormSubmitted || isReview,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   const filterGameticOptions = (isFemale: boolean) => {
diff --git a/frontend/src/components/SeedlotRegistrationSteps/OwnershipStep/index.tsx b/frontend/src/components/SeedlotRegistrationSteps/OwnershipStep/index.tsx
@@ -99,15 +99,15 @@ const OwnershipStep = ({ isReview = false }: OwnershipStepProps) => {
     select: (data) => getMultiOptList(data),
     enabled: !isFormSubmitted,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   const methodsOfPaymentQuery = useQuery({
     queryKey: ['methods-of-payment'],
     queryFn: getMethodsOfPayment,
     select: (data) => getMultiOptList(data, true, false, true, ['isDefault']),
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   const getSeedlotBySeedlotNumberQuery = useQuery({
diff --git a/frontend/src/components/SeedlotRegistrationSteps/ParentTreeStep/CalculateMetrics.tsx b/frontend/src/components/SeedlotRegistrationSteps/ParentTreeStep/CalculateMetrics.tsx
@@ -59,7 +59,7 @@ const CalculateMetrics = ({ disableOptions, setShowInfoSections, isReview }: pro
           () => (
             <div className="gw-calc-loading-icon">
               {
-                calculateGenWorthQuery.isLoading
+                calculateGenWorthQuery.isPending
                   ? <Loading withOverlay={false} small />
                   : <Calculator />
               }
diff --git a/frontend/src/components/SeedlotRegistrationSteps/ParentTreeStep/index.tsx b/frontend/src/components/SeedlotRegistrationSteps/ParentTreeStep/index.tsx
@@ -166,7 +166,7 @@ const ParentTreeStep = ({ isReviewDisplay, isReviewRead }: ParentTreeStepProps)
     queryFn: () => getOrchardByVegCode(seedlotSpecies.code),
     enabled: !isFormSubmitted,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   // Parent trees Query
@@ -176,7 +176,7 @@ const ParentTreeStep = ({ isReviewDisplay, isReviewRead }: ParentTreeStepProps)
       getAllParentTrees(seedlotSpecies.code)
     ),
     staleTime: THREE_HOURS, // will not refetch for 3 hours
-    cacheTime: THREE_HALF_HOURS // data is cached 3.5 hours then deleted
+    gcTime: THREE_HALF_HOURS // data is cached 3.5 hours then deleted
   });
 
   // Effects 'SMP mix' tab
@@ -214,7 +214,7 @@ const ParentTreeStep = ({ isReviewDisplay, isReviewRead }: ParentTreeStepProps)
     queryKey: ['genetic-worth'],
     queryFn: getGeneticWorthList,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   /**
diff --git a/frontend/src/components/SeedlotReviewSteps/ApplicantAndSeedlot/Read/index.tsx b/frontend/src/components/SeedlotReviewSteps/ApplicantAndSeedlot/Read/index.tsx
@@ -20,7 +20,7 @@ const ApplicantAndSeedlotRead = () => {
     queryFn: () => getForestClientByNumberOrAcronym(defaultClientNumber),
     enabled: !!defaultClientNumber,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS,
+    gcTime: THREE_HALF_HOURS,
     select: (fc) => getForestClientLabel(fc)
   });
 
diff --git a/frontend/src/components/SeedlotReviewSteps/AreaOfUse/Edit/index.tsx b/frontend/src/components/SeedlotReviewSteps/AreaOfUse/Edit/index.tsx
@@ -36,15 +36,17 @@ const AreaOfUseEdit = () => {
     queryKey: ['area-of-use', 'spz-list', 'vegetation-code', seedlotData?.vegetationCode!],
     queryFn: () => getSpzByVegCodeList(seedlotData!.vegetationCode!),
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS,
+    gcTime: THREE_HALF_HOURS,
     enabled: !!seedlotData?.vegetationCode,
     select: (data) => spzListToMultiObj(data)
   });
 
-  const [isFetching, setIsFetching] = useState<boolean>(isFetchingContextData && spzListQuery.status === 'loading');
+  const [isFetching, setIsFetching] = useState<boolean>(
+    isFetchingContextData && spzListQuery.status === 'pending'
+  );
 
   useEffect(() => {
-    if (spzListQuery.status === 'loading') {
+    if (spzListQuery.status === 'pending') {
       setIsFetching(true);
     } else {
       setIsFetching(isFetchingContextData);
diff --git a/frontend/src/components/SeedlotReviewSteps/Collection/Read/index.tsx b/frontend/src/components/SeedlotReviewSteps/Collection/Read/index.tsx
@@ -33,7 +33,7 @@ const CollectionReviewRead = () => {
     queryKey: ['cone-collection-methods'],
     queryFn: getConeCollectionMethod,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   return (
diff --git a/frontend/src/components/SeedlotReviewSteps/ExtractionStorage/Read/index.tsx b/frontend/src/components/SeedlotReviewSteps/ExtractionStorage/Read/index.tsx
@@ -19,7 +19,7 @@ const ExtractionStorageReviewRead = () => {
     queryFn: () => getForestClientByNumberOrAcronym(state.extraction.agency.value),
     enabled: !!state.extraction.agency.value,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS,
+    gcTime: THREE_HALF_HOURS,
     select: (client) => getForestClientLabel(client)
   });
 
@@ -28,7 +28,7 @@ const ExtractionStorageReviewRead = () => {
     queryFn: () => getForestClientByNumberOrAcronym(state.seedStorage.agency.value),
     enabled: !!state.seedStorage.agency.value,
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS,
+    gcTime: THREE_HALF_HOURS,
     select: (client) => getForestClientLabel(client)
   });
 
diff --git a/frontend/src/components/SeedlotReviewSteps/Interim/Read/index.tsx b/frontend/src/components/SeedlotReviewSteps/Interim/Read/index.tsx
@@ -31,7 +31,7 @@ const InterimReviewRead = () => {
     queryFn: getFacilityTypes,
     select: (data: any) => getMultiOptList(data),
     staleTime: THREE_HOURS,
-    cacheTime: THREE_HALF_HOURS
+    gcTime: THREE_HALF_HOURS
   });
 
   const getFacilityTypeLabel = (interimType: string | null) => {
diff --git a/frontend/src/components/SeedlotTable/Table.tsx b/frontend/src/components/SeedlotTable/Table.tsx
@@ -82,13 +82,15 @@ const SeedlotDataTable = (
     });
   };
 
+  const uniqueAgencies = Array.from(new Set(seedlotData.map((seedlot) => seedlot.applicantAgency)));
+
   const clientDataQuery = useQueries({
-    queries: seedlotData.map((seedlot) => ({
-      queryKey: ['forest-clients', seedlot.applicantAgency],
-      queryFn: () => getForestClientByNumberOrAcronym(seedlot.applicantAgency),
-      enable: isTscAdmin,
+    queries: uniqueAgencies.map((applicantAgency) => ({
+      queryKey: ['forest-clients', applicantAgency],
+      queryFn: () => getForestClientByNumberOrAcronym(applicantAgency),
+      enabled: isTscAdmin,
       staleTime: THREE_HOURS,
-      cacheTime: THREE_HALF_HOURS
+      gcTime: THREE_HALF_HOURS
     }))
   });
 
diff --git a/frontend/src/components/SeedlotTable/index.tsx b/frontend/src/components/SeedlotTable/index.tsx
@@ -44,7 +44,7 @@ const SeedlotTable = (
     queryFn: getVegCodes,
     select: (data) => getMultiOptList(data, true, true),
     staleTime: THREE_HOURS, // will not refetch for 3 hours
-    cacheTime: THREE_HALF_HOURS // data is cached 3.5 hours then deleted
+    gcTime: THREE_HALF_HOURS // data is cached 3.5 hours then deleted
   });
 
   const convertToTableObjs = (seedlots: SeedlotType[]) => {
diff --git a/frontend/src/types/QueryStatusType.ts b/frontend/src/types/QueryStatusType.ts
diff --git a/frontend/src/views/CONSEP/FavouriteActivity/FavouriteActivityModal.tsx b/frontend/src/views/CONSEP/FavouriteActivity/FavouriteActivityModal.tsx
diff --git a/frontend/src/views/CONSEP/TestingActivities/ActivityResult/index.tsx b/frontend/src/views/CONSEP/TestingActivities/ActivityResult/index.tsx
diff --git a/frontend/src/views/Seedlot/ContextContainerClassA/index.tsx b/frontend/src/views/Seedlot/ContextContainerClassA/index.tsx
diff --git a/frontend/src/views/Seedlot/EditAClassApplication/Form.tsx b/frontend/src/views/Seedlot/EditAClassApplication/Form.tsx
diff --git a/frontend/src/views/Seedlot/SeedlotDetails/FormProgress/index.tsx b/frontend/src/views/Seedlot/SeedlotDetails/FormProgress/index.tsx
diff --git a/frontend/src/views/Seedlot/SeedlotDetails/index.tsx b/frontend/src/views/Seedlot/SeedlotDetails/index.tsx
diff --git a/frontend/src/views/Seedlot/SeedlotRegFormClassA/RegPage.tsx b/frontend/src/views/Seedlot/SeedlotRegFormClassA/RegPage.tsx
diff --git a/frontend/src/views/Seedlot/SeedlotRegFormClassA/SaveTooltip.tsx b/frontend/src/views/Seedlot/SeedlotRegFormClassA/SaveTooltip.tsx
diff --git a/frontend/src/views/Seedlot/SeedlotReview/SeedlotReviewContent.tsx b/frontend/src/views/Seedlot/SeedlotReview/SeedlotReviewContent.tsx

Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,7 @@ const FavouriteActivities = ({ isConsep }: FavouriteActivitiesProps) => {`
`61`	`61`	`<Column sm={4} md={8} lg={16} xlg={12} className="favourite-activities-cards">`
`62`	`62`	`<Row>`
`63`	`63`	`{`
`64`		`- favActQuery.isLoading ? (`
	`64`	`+ favActQuery.isPending ? (`
`65`	`65`	`<Loading role="status" aria-live="polite" withOverlay={false}>`
`66`	`66`	`<span className="visually-hidden">Loading, please wait...</span>`
`67`	`67`	`</Loading>`
Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ const LotApplicantAndInfoForm = ({`
`45`	`45`	`queryFn: () => getForestClientByNumberOrAcronym(selectedClientRoles?.clientId!),`
`46`	`46`	`enabled: !isEdit && !isReview && !!selectedClientRoles?.clientId,`
`47`	`47`	`staleTime: THREE_HOURS,`
`48`		`- cacheTime: THREE_HALF_HOURS`
	`48`	`+ gcTime: THREE_HALF_HOURS`
`49`	`49`	`}`
`50`	`50`	`);`
`51`	`51`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ export type ClientTypeConfig = {`
`8`	`8`
`9`	`9`	`export type OrganizationItemProps = {`
`10`	`10`	`forestClient?: ForestClientType`
`11`		`- queryState?: QueryState<unknown, undefined>`
	`11`	`+ queryState?: QueryState<unknown, Error>`
`12`	`12`	`selected?: boolean`
`13`	`13`	`}`
`14`	`14`