fix: hot reload

foxhound87 · Mar 14, 2017 · ba93acd · ba93acd
1 parent 2b096d8
commit ba93acd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/src/MatchMediaProvider.jsx b/src/MatchMediaProvider.jsx
@@ -2,6 +2,8 @@ import React, { Component } from 'react';
 import { toJS, extendObservable, action, runInAction } from 'mobx';
 import { matchMedia, setMatchMediaConfig } from './matchMedia';
 
+let breakpoints;
+
 export default class MatchMediaProvider extends Component {
 
   static propTypes = {
@@ -11,8 +13,8 @@ export default class MatchMediaProvider extends Component {
 
   constructor(props) {
     super(props);
-    this.breakpoints = this.props.breakpoints;
-    this.templates = toJS(this.breakpoints);
+    if (!breakpoints) breakpoints = Object.assign({}, toJS(this.props.breakpoints));
+    if (!this.templates) this.templates = Object.assign({}, toJS(breakpoints));
   }
 
   componentDidMount() {
@@ -39,7 +41,7 @@ export default class MatchMediaProvider extends Component {
 
   updateBreakpoints = action('update breakpoints', (key, val) => {
     const match = matchMedia(val).matches;
-    extendObservable(this.breakpoints, { [key]: match });
+    extendObservable(this.props.breakpoints, { [key]: match });
   });
 
   render() {

diff --git a/tests/test.jsx b/tests/test.jsx
@@ -9,11 +9,6 @@ import breakpoints from './data/breakpoints';
 describe('<MatchMediaProvider />', () => {
   // test
 
-  it('check if MatchMediaProvider breakpoints is observable', () => {
-    const component = shallow(<MatchMediaProvider breakpoints={breakpoints} />);
-    expect(isObservable(component.instance().breakpoints)).to.equal(true);
-  });
-
   it('check if MatchMediaProvider templates is not observable', () => {
     const component = shallow(<MatchMediaProvider breakpoints={breakpoints} />);
     expect(isObservable(component.instance().templates)).to.equal(false);