Cache Remains and Crash the New Project

Describe the bug The new project might constantly crash and the whole site will go blank if you try to interact with it. This is probably caused by the remaining local storage cache. Since you have opened another project and interacted with the sidebar before in the custom preset, it remembers the cache will crash your new project that has the same project name or function name (unsure) if the parameters don’t match.

To Reproduce Steps to reproduce the behavior:

1. Go create and run dev for any project using the default project name and function name
2. Play with its sidebar in the custom preset
3. Close this first project
4. Now create another project using the default project name and function name in a different folder
5. Play with its sidebar in the custom preset
6. See the error

Expected behavior The site will go completely blank with error messages in the console stating that some of the sidebar values are null

Screenshots

https://user-images.githubusercontent.com/34775424/170353166-72d7e02a-55e4-41d9-bf0c-9fe9ee5a7e77.mov

Desktop (please complete the following information):

• OS: MacOS
• Browser: chrome
• Version: 2.0.0-beta.7

Additional context Local Cache Memory Related.

[munusshih]

I’ve done some different combinations and surprisingly was unable to recreate the error even with the same function name in different folders… but these are the error stacks

• The above error occurred in the <SideBar> component
• Uncaught TypeError: Cannot read properties of undefined (reading “hasOwnProperty”)

[lnolte]

This could really be about the same function name. The function name is used to generate the params’ cache key in localStorage. So you could run in situations where mechanic loads an incompatible version of the cached params into a function that has the same name as the function that cached those values.

If this is the cause of this #140 should fix it 😊