Mobile React Plugin : Element Preview `properties` empty

Plugin builders
1

Supposedly, in the function for Preview, you get instance and properties. I wanted to get the properties of the element so my preview would match font and color. According to this topic, I should be able to:

But I guess since I’m doing a mobile version of a plugin and I’m usinig react, the properties.bubble is empty. Here’s my code:

function(instance, properties) {
// Calculate age for preview
var age = null;
if (properties.date_of_birth) {
var birthDate = new Date(properties.date_of_birth);
var today = new Date();
age = today.getFullYear() - birthDate.getFullYear();
var monthDiff = today.getMonth() - birthDate.getMonth();

    if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
        age--;
    }
}

var debugInfo = 'Bubble properties: ' + JSON.stringify(instance, null, 2);
// Create the div element
var div = document.createElement('div');

// Apply basic styles that should definitely work
    div.style.fontSize = properties.bubble.font_size;
    div.style.color = properties.bubble.text_color;
    div.style.textAlign = properties.bubble.font_alignment;
    div.style.fontWeight = properties.bubble.weight;
    div.style.textDecoration = properties.bubble.decoration;
    div.style.fontStyle = properties.bubble.style;
    div.style.fontFamily = properties.bubble.family;

// Set the text content - show age or placeholder
div.textContent = age !== null ? age.toString() : (properties.placeholder || '');
//div.textContent = debugInfo

// Append to the Bubble canvas
instance.canvas.appendChild(div);

}

I have the debugInfo commented out but when I have it printing to the screen, properties is an empty object.

In the editor, the preview on the screen, the background and border and all of that works. But the font size, color, family….none of that works.

Is this just a bug?