Add actionsFilter
and statesFilter
props, used for stripping big data which slows down DevTools.
Example of usage:
import React from 'react';
import { createDevTools } from 'redux-devtools';
import FilterMonitor from 'redux-devtools-filter-actions';
import LogMonitor from 'redux-devtools-log-monitor';
const actionsFilter = (action) => (
action.type === 'FILE_DOWNLOAD_SUCCESS' && action.data ?
{ ...action, data: '<<LONG_BLOB>>' } : action
);
export default createDevTools(
<FilterMonitor
blacklist={['ACTION1', 'ACTION2']}
actionsFilter={actionsFilter}
statesFilter={(state) => state.data ? { ...state, data: '<<LONG_BLOB>>' } : state}
>
<LogMonitor />
</FilterMonitor>
);