I understand how to use imports: {} and exports: {} to share a UI components properties, such as:

defaults: {
    exports: {
        shouldShowMessage: '${$.component}'
    }
}

Which returns the component name in the exports.

But when I try to export a Knockout observable it is always undefined:

defaults: {
    exports: {
        shouldShowMessage: '${$.shouldShowMessage}'
    }
}

...

setupKoBindings: function() {
    this.shouldShowMessage = ko.observable('Testing');
}

As a workaround I am going to create a storage modal as explained here but I would prefer to use the imports and exports.

I understand how to use imports: {} and exports: {} to share a UI components properties, such as:

defaults: {
    exports: {
        shouldShowMessage: '${$.component}'
    }
}

Which returns the component name in the exports.

But when I try to export a Knockout observable it is always undefined:

defaults: {
    exports: {
        shouldShowMessage: '${$.shouldShowMessage}'
    }
}

...

setupKoBindings: function() {
    this.shouldShowMessage = ko.observable('Testing');
}

As a workaround I am going to create a storage model as explained here but I would prefer to use the imports and exports.