hover_card doesn't work when the trigger is an rx.memo'd component

[SheldonHolmgren]

To Reproduce
This works:

@rx.page(route="/test_hover/")
def test_hover():
    return rx.hover_card.root(
        rx.hover_card.trigger(
            rx.text("hover me")
        ),
        rx.hover_card.content(
            rx.text("Hello, world!")
        )
    )

But this doesn't (nothing happens when the trigger is hovered over):

@rx.memo
def hover_trigger():
            return rx.text("hover me")

@rx.page(route="/test_hover/")
def test_hover():
    return rx.hover_card.root(
        rx.hover_card.trigger(
            hover_trigger()
        ),
        rx.hover_card.content(
            rx.text("Hello, world!")
        )
    )

Edit: It works again if I remove the @rx.memo decorator.

Expected behavior
Both code snippets should work the same.

Specifics (please complete the following information):

• Python Version: 3.10.15
• Reflex Version: 0.7.2

Additional context
The workaround from another issue #3278 (comment) doesn't work here.

[linear]

ENG-5302 hover_card doesn't work when the trigger is an rx.memo'd component

[adhami3310]

You can add a simple rx.el.div in between the memo component and the trigger as a workaround

[SheldonHolmgren]

Thank you, that works. To me, this workaround makes this issue a very low priority. If you decide to close it, I will not be making noise about it.

[masenf]

not really a good way to fix this without ref forwarding, closing for now

[masenf]

Using the new experimental memo and passing the rest prop is a viable workaround for when explicit memoization is needed.

@rx._x.memo
def hover_trigger(rest: rx.RestProp) -> rx.Component:
    return rx.text("hover me", rest, on_click=State.on_click_handler)

(currently #6394 in main makes this not work as written, but it will be fixed)