cwomack
commented
1 month ago Hello, @lwang-79 👋. Can you clarify if you're experiencing this in Dev Mode? It's possible this behavior is due to how React's development mode will invoke the useEffect hook twice. It doesn't look like you're running a "cleanup function" that would help with this, so can you see if the following changes the behavior:
useEffect(() => {
Cache.setItem("test", "test")
const timer = setTimeout(() => {
Cache.clear().then(() => {
console.log("cleared")
})
.catch(e => {
console.log("error", e)
})
}, 2000)
// Cleanup function
return () => {
clearTimeout(timer)
}
}, []);
Alternatively, you could test this in production mode (rather than development mode) and it should also make the Cache.clear() call work as expected. Let me know if this helps!
lwang-79
Before opening, please confirm:
JavaScript Framework
React
Amplify APIs
Cache
Amplify Version
v6
Amplify Categories
Not applicable
Backend
None
Environment information
Describe the bug
The Cache.clear() API doesn't work, the cache items are not removed from local storage after this API is called.
Cache.removeItem()API works but need a quick way to remove all cache items after user log out.Expected behavior
All cache items created by Amplify Cache util can be removed.
Reproduction steps
Code Snippet
Log output
aws-exports.js
No response
Manual configuration
No response
Additional configuration
No response
Mobile Device
No response
Mobile Operating System
No response
Mobile Browser
No response
Mobile Browser Version
No response
Additional information and screenshots
No response