Problem using a Monx store with HyperMoon created component

var testComp = m('h1', { attrs: {} }, { shouldRender: false }, [m("#text", { shouldRender: true }, store.state.selectedTool)]); // <--- Does not get updated

Moon.component("foo-component", {
        render: function(m) {
            return testComp;
        }
    });

Other components work well with the store. I have tried setting both “shouldRender” values to true, that did not work either. Any idea what I am doing wrong?

[kokujin]

Yes I am, like this:

$(function() {
    // HyperMonn
    const m = Moon.util.m;

    // Init Moon plugins
    Moon.use(Monx);

    const store = new Monx({.....

Everything works except this component with the HyperMoon created template. The only thing that might have an influence is that I have at least 8 components in the same scope, all registered to the same store. I will try to create a fiddle as soon as possible.

[kbrsh]

Awesome, if you’d like to generate a function to start off with, check out Moon.compile. Let me know if all of them work.