Cannot create proper fulcro component, as *app* isn't bound. in the release build

[MrEbbinghaus]

Hi,

I have a problem that I can't find a fix nor do I understand what's may cause this. And the problem only occurs, when I release my production JS. (optimization :simple or higher)

I have a component with a React hook state for toggling between UI layouts.
When the layout changes I modify a seq of things.

It initially renders fine in either state, but when I toggle the layout I get the Cannot create proper fulcro component, as *app* isn't bound. Error. (I feel like with-parent-context isn't applicable here.)

I broke my code down to something like this:

(let [[layout set-layout] (hooks/use-state :short)]
  (case layout
    :short 
    (for [{id ::proposal/id :as proposal} (rest sorted-proposals)] ; <--- thats the only difference.
      (dom/li {:id id} (proposal-card/ui-proposal-card proposal some-computed-stuff)))

    (for [{id ::proposal/id :as proposal} sorted-proposals]
      (dom/li {:id id} (proposal-card/ui-proposal-card proposal some-computed-stuff)))))

Can anyone give me a clue as to what is causing this error?

[MrEbbinghaus]

Tony via Slack

Laziness is the likely culprit. React forces things in dev but not prod.

It really is. surrounding for with vec solves it.