Component prop validation

[benedikt-bartscher]

Describe the bug

While writing tests for get_attribute_access_type I discovered that Vars with Optional type annotation and a default value of None do not pass Component prop validation. But the values can always change to None at runtime.

To Reproduce

https://github.com/benedikt-bartscher/test-optional

from typing import Optional
import reflex as rx


class State(rx.State):
    no_default: str
    str_default: str = "bla"
    opt_no_default: Optional[str]
    opt_str_default: Optional[str] = "bla"
    opt_none_default: Optional[str] = None


def index() -> rx.Component:
    return rx.vstack(
        # works fine
        rx.input(value=State.no_default),
        # works fine
        rx.input(value=State.str_default),
        # TypeError: Invalid var passed for prop value, expected type typing.Union[str, int, bool], got value opt_no_default of type typing.Optional[str].
        # rx.input(value=State.opt_no_default),
        # works fine
        rx.input(value=State.opt_str_default),
        # TypeError: Invalid var passed for prop value, expected type typing.Union[str, int, bool], got value opt_none_default of type typing.Optional[str].
        # rx.input(value=State.opt_none_default),
    )


app = rx.App()
app.add_page(index)

Expected behavior
more consistent behavior with None/undefined defaults

Specifics (please complete the following information):

• Python Version: 3.12.3
• Reflex Version: main branch
• OS: arch
• Browser (Optional): ---