I’m using React Redux Toolkit with Firebase Firestore to manage a shopping cart feature. I’ve set up a query using useGetCartItemsQuery from CartItemsSlice to fetch cart items based on the current user’s UID. However, the cart items quantity is only updated and displayed in the cart widget when I toggle the drawer component. Upon page refresh, the cart items quantity isn’t displayed until I interact with the drawer again.

In my app I need to get products base on selected category. I decided to use RTK Query. To get data base on category I need firstly pass the category to RTK hook and then use it in slice to access a specific doc from firestore collection. The problem is that i need to pass it only once in Categories hook call and then access data in other components without the need of passing category to other hook call again, but it doesn’t work like expected.

In my app I need to get products base on selected category. I decided to use RTK Query. To get data base on category I need firstly pass the category to RTK hook and then use it in slice to access a specific doc from firestore collection. The problem is that i need to pass it only once in Categories hook call and then access data in other components without the need of passing category to other hook call again, but it doesn’t work like expected.

In my app I need to get products base on selected category. I decided to use RTK Query. To get data base on category I need firstly pass the category to RTK hook and then use it in slice to access a specific doc from firestore collection. The problem is that i need to pass it only once in Categories and then access data in other components without the need of passing category again, but it doesn’t work like that.