Should custom cache provider work with useSWRInfinite?

[websaid]

EDIT: The misbehaviour comes from the use of Webpack, I have created an issue based on this discussion: #1880

I try to implement the localstorage based cached as documented here: https://swr.vercel.app/docs/advanced/cache#localstorage-based-persistent-cache

I have three files:

• start.js this has the wrapper with the provider which call the NewsApp component from the index.js
• index.js The exported NewsApp component uses a reusable data hook called "useArticles" from the getData.js, interactions in this component affect the key that is passed to useSWRInfinite.
• getData.js The reusable data hook exported from here uses "useSWRInfinite" and the "laggy" middleware from the documentation (slightly adjusted to work with useSWRInfinite)

The Map from the cache stays empty and doesn't seem to get affected by any changes from the NewsApp that are passed to the useArticles hook...

These are the three mentioned files and there connection:

I tried useSWRConfig in the index.js to check if the SWRConfig from start.js properly works, this looks good:

Idk if this can have effects but im not using a SPA (like create-react-app or NextJS), in this case I have to work with a classic server side rendered site which initialises React after the site has loaded via plain js.

Thank you for you help!

[websaid]

I discovered that this is due to useSWRInfinite:

With normal useSWR:

[websaid]

The misbehaviour comes from the use of Webpack, I have created an issue based on this discussion: #1880