Use of indexeddb store to keep the cache data
Hello folks, I'm going through docs and learning about cache so let me know if there is anything wrong I'm doing here.
I have an application that fetches API for whole inventory data. once it's fetched instead of keeping it in memory I want to store that in indexeddb as data can go pretty big and next time when the user again routes to the inventory page I want to show data from indexeddb while in the background it calls api for new data. show new data to ui and update in indexeddb again for next time.
Current implementation: https://codesandbox.io/s/react-query-cache-4xx8qp.
In this implementation, data is getting stored in indexeddb but as soon as my cache got expire after 30sec instead of reading it from indexeddb it's waiting for the whole API call to show the data.
So my query is, once the cache expires if it's going to call the API I don't see the meaning of storing my queryclient instance in indexeddb. so what is the correct way to achieve/implement this?
Thanks in advance
I have an application that fetches API for whole inventory data. once it's fetched instead of keeping it in memory I want to store that in indexeddb as data can go pretty big and next time when the user again routes to the inventory page I want to show data from indexeddb while in the background it calls api for new data. show new data to ui and update in indexeddb again for next time.
Current implementation: https://codesandbox.io/s/react-query-cache-4xx8qp.
In this implementation, data is getting stored in indexeddb but as soon as my cache got expire after 30sec instead of reading it from indexeddb it's waiting for the whole API call to show the data.
So my query is, once the cache expires if it's going to call the API I don't see the meaning of storing my queryclient instance in indexeddb. so what is the correct way to achieve/implement this?
Thanks in advance
