GSS issue error when changing layouts

[scottpurdy]

I have two react classes and depending on the window width I display one or the other. But when I change the width and cross the boundary I get the following JS error and the layout is completely broken until I refresh:

Uncaught Error: Uncaught (c.InternalError) Objective function is unbounded in optimize (http://localhost:5000/static/js/gss/worker.js:17) gss.js:22167Engine.handleError

This is what the relevant part of my render function looks like. The props passed in are all instances of other react classes.

var content;
if ($(window).width() < 500) {
  content = <NarrowPresenterApp deckMain={deckMain} slideControls={slideControls} deckPreview={deckPreview} clock={clock} />;
} else {
  content = <WidePresenterApp deckMain={deckMain} slideControls={slideControls} deckPreview={deckPreview} clock={clock} />;
}

return <SiteTemplate>{content}</SiteTemplate>

[petehunt]

turning off mutation observers (which are a bad idea anyway) fixes this 54181ce