Can I use this to cache client loader data too?

[kiastorm]

This is working great for server data - but in my usecase I am fetching data in the client loader that I also want to cache. Below is some rough code of what I'm trying to do - is this possible?

export async function clientLoader(args: ClientLoaderFunctionArgs) {
	const cache = await cacheClientLoader(args, {
		type: 'swr',
	})

	if (cache.whiteboards) {
		console.log(cache)
		return cache
	}

	const { serverLoader } = args
	const server = (await serverLoader()) as {}

	const whiteboards = await getAllLocalWhiteboards()

	return {
		...server,
		whiteboards,
	}
}

[AlemTuzlak]

yes it is possible, there are concepts of adapters which you can use to cache the data, for example the library exports a cache export which is used by default and allows you to setItem in it, for example you could do:

export async function clientLoader(args: ClientLoaderFunctionArgs) {
       // cache from the server 	loader
       const server = await cacheClientLoader(args, {
		type: 'swr',
	})
        // your code that is caching and fetching something on the client
	const whiteboards = cache.getItem("whiteboards") ? cache.getItem("whiteboards") :  await getAllLocalWhiteboards() 
	 
	return {
		...server,
		whiteboards,
	}
}