Stuck on synching widget's data.

[V205Arduino]

Hello,
This is my first time using textual.
I am currently trying to sync a TextArea's text to a MarkdownViewer widget.
This is my code:

from textual.app import App, ComposeResult
from textual.widgets import TextArea, MarkdownViewer

from textual.reactive import reactive


class MarkdownEditor(App):

    text = reactive("HELLO")

    def compose(self) -> ComposeResult:
        yield TextArea.code_editor(self.text, language="markdown")
        yield MarkdownViewer(self.text, show_table_of_contents=True)

    def on_text_area_changed(self, event: TextArea.Changed) -> None:
        self.text = event.text_area.text

        self.query_one(MarkdownViewer).text = event.text_area.text



if __name__ == "__main__":
    app = MarkdownEditor()
    app.run()

Sorry for no comments...
The text does not sync between the widgets currently.
I have taken a look at the reactivity examples but I still can't get it to work.
Thank you so much for your time.

[TomJGooding]

The MarkdownViewer widget doesn't have a reactive text attribute. You'll need to use the update method of the underlying Markdown widget:

from textual.app import App, ComposeResult
from textual.widgets import MarkdownViewer, TextArea


class MarkdownEditor(App):
    def compose(self) -> ComposeResult:
        yield TextArea.code_editor(language="markdown")
        yield MarkdownViewer(show_table_of_contents=True)

    def on_text_area_changed(self, event: TextArea.Changed) -> None:
        self.query_one(MarkdownViewer).document.update(event.text_area.text)


if __name__ == "__main__":
    app = MarkdownEditor()
    app.run()

[V205Arduino]

Thank you so much!
This helped me a lot.
Marked as answer