Issue with reflex.dev documentation - reusable component example

[TerraX3000]

The reusable component example for editable text does not work as intended

https://reflex.dev/docs/state-structure/component-state/#passing-props

It defines the editable text example as follows:

def editable_text_example():
    return rx.vstack(
        editable_text(),
        editable_text(
            initial_value="Edit me!", color="blue"
        ),
        editable_text(
            initial_value="Reflex is fun",
            font_family="monospace",
            width="100%",
        ),
    )

The intent is to show three different variations in the initial value for editable_text:

Expected output:

Click to edit

Edit me!

Reflex is fun

Actual output:

Reflex is fun

Reflex is fun

Reflex is fun

It appears to be using the last initial value for all of the components.

I hoped this feature would support an arbitrary number of reusable components defined at runtime (say where they are specified by an external API). So far I haven't been able to get it to work.

[linear]

ENG-7997

[masenf]

Tracking here reflex-dev/reflex#5871 (includes a workaround)