Fix react-hooks/exhaustive-deps error on useCategories.ts (#4261)

* Fix react-hooks/exhaustive-deps error on useCategories.ts

* Release notes
This commit is contained in:
Joel Jeremy Marquez
2025-02-19 08:40:02 -08:00
committed by GitHub
parent f5586501bf
commit fc78d5b546
3 changed files with 11 additions and 3 deletions

View File

@@ -791,7 +791,6 @@ export default [
'packages/desktop-client/src/components/sort.tsx',
'packages/desktop-client/src/components/spreadsheet/useSheetValue.ts',
'packages/desktop-client/src/components/transactions/TransactionList.jsx',
'packages/desktop-client/src/hooks/useCategories.ts',
],
rules: {

View File

@@ -4,15 +4,18 @@ import { getCategories } from 'loot-core/client/queries/queriesSlice';
import { useSelector, useDispatch } from '../redux';
import { useInitialMount } from './useInitialMount';
export function useCategories() {
const dispatch = useDispatch();
const categoriesLoaded = useSelector(state => state.queries.categoriesLoaded);
const isInitialMount = useInitialMount();
useEffect(() => {
if (!categoriesLoaded) {
if (isInitialMount && !categoriesLoaded) {
dispatch(getCategories());
}
}, []);
}, [categoriesLoaded, dispatch, isInitialMount]);
return useSelector(state => state.queries.categories);
}

View File

@@ -0,0 +1,6 @@
---
category: Maintenance
authors: [joel-jeremy]
---
Fix react-hooks/exhaustive-deps error on useCategories.ts