diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/components/Collapsible.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/components/Collapsible.js index 3768df7f..f3af20a9 100644 --- a/packages/redux-devtools-trace-monitor/src/react-error-overlay/components/Collapsible.js +++ b/packages/redux-devtools-trace-monitor/src/react-error-overlay/components/Collapsible.js @@ -44,22 +44,26 @@ type State = {| class Collapsible extends Component { state = { - collapsed: true, + collapsed: undefined, }; - toggleCollaped = () => { + toggleCollapsed = () => { this.setState(state => ({ - collapsed: !state.collapsed, + collapsed: !this.isCollapsed(state), })); }; + isCollapsed = (state) => ( + state.collapsed === undefined ? this.props.collapsedByDefault : state.collapsed + ); + render() { const count = this.props.children.length; - const collapsed = this.state.collapsed; + const collapsed = this.isCollapsed(this.state); return (