Local Storage Quota exceeded in Chrome and Edge. Pages will not load. How to convert to using IndexedDB

We are having issues with pages loading in Chrome and Edge because of the local storage quota being exceeded. The pages do load in IE.
In our Application.jsx page we have as part of the ComponentWillMount Method:

 localStorage.state = JSON.stringify(
                assign(
                    state,
                    {
                        "title": "Loading...",
                        "header": "Loading...",
                        "subhead": null,
                        "menu": {},
                        "tours": []
                    })
            );
        });

Open in new window


I believe we need to switch to using indexedDB but not sure how to do this.
Crystal RouseTask LeadAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

leakim971PluritechnicianCommented:
I would first check why I fill my local storage so much...On Chrome, right click on your application page, go to Application tab, Storage section on the righ, expand, watch, back and give us some explanations.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Dave BaldwinFixer of ProblemsCommented:
Crystal RouseTask LeadAuthor Commented:
I have filling the local storage with too much data.  

I'm testing eliminating anything I don't need:

componentWillMount() {
        this.connecting = true;

        store.subscribe(() => {
            var state = assign({}, store.getState());
            this.setState(assign({}, state));

            localStorage.state = JSON.stringify(
                assign(
                    state,
                    {
                        "title": "Loading...",
                        "header": "Loading...",
                        "subhead": null,
                        "menu": {},
                        "tours": [],
                        "laborTracking": null
                    })
            );
        });
leakim971PluritechnicianCommented:
I'm testing eliminating anything I don't need:

put only the data you need, for example why storing key in the json itself when you retrieve data using the key
Crystal RouseTask LeadAuthor Commented:
Does anyone have instructions on how to convert to using the IndexedDB?
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Storage

From novice to tech pro — start learning today.