"redux-devtools-extension" gets laggy and eventually crashes when I try to open it.

[bhatvikrant]

As soon as I click on the redux dev tools extension in chrome & firefox after some actions are dispatched the extension becomes unresponsive and the browser window freezes.

I checked out issue #347 and tried to find how to set maxAge, but was unable to find how to set maxAge for redux-devtools-extension

My store.js file looks like this:

import { createStore, applyMiddleware } from "redux";
import thunk from "redux-thunk";
import { composeWithDevTools } from "redux-devtools-extension";
import rootReducer from "./rootReducer";

const store = createStore(
  rootReducer,
  composeWithDevTools(applyMiddleware(thunk))
);

export default store;

Is there already a fix for this? Thanks for your time 🙂

[Methuselah96]

If you're using the extension, then the issue is most likely the amount of data that has to be serialized. Do you have a lot of data in your store?

One option to fix that would be to manually integrate redux-devtools as a component into your app. This would avoid on the huge amount of serialization between your app and the extensions that usually causes performance issues.

[bhatvikrant]

@Methuselah96 yes, I do have quite some data in my store.
Is it worth adding redux as a component? I mean I just use redux dev tools for development and not in production

[Methuselah96]

@bhatvikrant It's up to you, but there is a way to exclude it from your production build.

[bhatvikrant]

Okay, thanks for the help! @Methuselah96

[Methuselah96]

No problem!