reflex 0.8.4a2__py3-none-any.whl → 0.8.5a1__py3-none-any.whl

reflex/__init__.py

@@ -84,20 +84,11 @@ In the example above, you will be able to do `rx.list`
 
 from __future__ import annotations
 
-from types import ModuleType
-from typing import Any
-
 from reflex.utils import (
     compat,  # for side-effects
     lazy_loader,
 )
 
-from .event import event as event
-
-# import this here explicitly to avoid returning the page module since page attr has the
-# same name as page module(page.py)
-from .page import page as page
-
 # Remove the `compat` name from the namespace, it was imported for side-effects only.
 del compat
 
@@ -301,6 +292,7 @@ _MAPPING: dict = {
     "constants": ["Env"],
     "constants.colors": ["Color"],
     "event": [
+        "event",
         "EventChain",
         "EventHandler",
         "call_script",
@@ -331,6 +323,7 @@ _MAPPING: dict = {
     ],
     "middleware": ["middleware", "Middleware"],
     "model": ["asession", "session", "Model"],
+    "page": ["page"],
     "state": [
         "var",
         "ComponentState",

reflex/__init__.pyi

@@ -130,6 +130,7 @@ from .event import (
     clear_session_storage,
     console_log,
     download,
+    event,
     noop,
     prevent_default,
     redirect,
@@ -145,13 +146,12 @@ from .event import (
     upload_files,
     window_alert,
 )
-from .event import event as event
 from .experimental import _x
 from .istate.storage import Cookie, LocalStorage, SessionStorage
 from .istate.wrappers import get_state
 from .middleware import Middleware, middleware
 from .model import Model, asession, session
-from .page import page as page
+from .page import page
 from .state import ComponentState, State, dynamic, var
 from .style import Style, toggle_color_mode
 from .utils.imports import ImportDict, ImportVar
@@ -256,6 +256,7 @@ __all__ = [
     "dropdown_menu",
     "dynamic",
     "el",
+    "event",
     "field",
     "flex",
     "foreach",
@@ -290,6 +291,7 @@ __all__ = [
     "moment",
     "noop",
     "ordered_list",
+    "page",
     "plotly",
     "plugins",
     "popover",

reflex/app.py

@@ -1186,8 +1186,8 @@ class App(MiddlewareMixin, LifespanMixin):
         progress.start()
         task = progress.add_task(
             f"[{get_compilation_time()}] Compiling:",
-            total=len(self._pages)
-            + (len(self._unevaluated_pages) * 2)
+            total=len(self._unevaluated_pages)
+            + ((len(self._unevaluated_pages) + len(self._pages)) * 3)
             + fixed_pages_within_executor
             + adhoc_steps_without_executor
             + plugin_count,
@@ -1272,14 +1272,17 @@ class App(MiddlewareMixin, LifespanMixin):
         all_imports.update(custom_components_imports)
         progress.advance(task)
 
-        # This has to happen before compiling stateful components as that
-        # prevents recursive functions from reaching all components.
-        for component in self._pages.values():
-            # Add component._get_all_imports() to all_imports.
-            all_imports.update(component._get_all_imports())
+        with console.timing("Collect all imports and app wraps"):
+            # This has to happen before compiling stateful components as that
+            # prevents recursive functions from reaching all components.
+            for component in self._pages.values():
+                # Add component._get_all_imports() to all_imports.
+                all_imports.update(component._get_all_imports())
 
-            # Add the app wrappers from this component.
-            app_wrappers.update(component._get_all_app_wrap_components())
+                # Add the app wrappers from this component.
+                app_wrappers.update(component._get_all_app_wrap_components())
+
+                progress.advance(task)
 
         # Perform auto-memoization of stateful components.
         with console.timing("Auto-memoize StatefulComponents"):
@@ -1287,7 +1290,10 @@ class App(MiddlewareMixin, LifespanMixin):
                 stateful_components_path,
                 stateful_components_code,
                 page_components,
-            ) = compiler.compile_stateful_components(self._pages.values())
+            ) = compiler.compile_stateful_components(
+                self._pages.values(),
+                progress_function=lambda task=task: progress.advance(task),
+            )
             progress.advance(task)
 
         # Catch "static" apps (that do not define a rx.State subclass) which are trying to access rx.State.

reflex/compiler/compiler.py

@@ -3,7 +3,7 @@
 from __future__ import annotations
 
 import sys
-from collections.abc import Iterable, Sequence
+from collections.abc import Callable, Iterable, Sequence
 from inspect import getmodule
 from pathlib import Path
 from typing import TYPE_CHECKING
@@ -588,6 +588,7 @@ def compile_components(
 
 def compile_stateful_components(
     pages: Iterable[Component],
+    progress_function: Callable[[], None],
 ) -> tuple[str, str, list[BaseComponent]]:
     """Separately compile components that depend on State vars.
 
@@ -597,14 +598,20 @@ def compile_stateful_components(
 
     Args:
         pages: The pages to extract stateful components from.
+        progress_function: A function to call to indicate progress, called once per page.
 
     Returns:
         The path and code of the compiled stateful components.
     """
     output_path = utils.get_stateful_components_path()
 
-    # Compile the stateful components.
-    page_components = [StatefulComponent.compile_from(page) or page for page in pages]
+    page_components = []
+    for page in pages:
+        # Compile the stateful components
+        page_component = StatefulComponent.compile_from(page) or page
+        progress_function()
+        page_components.append(page_component)
+
     code = _compile_stateful_components(page_components)
     return output_path, code, page_components
 

reflex/components/base/app_wrap.pyi

@@ -25,7 +25,6 @@ class AppWrap(Fragment):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,

reflex/components/base/body.pyi

@@ -203,7 +203,6 @@ class Body(elements.Body):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -248,7 +247,6 @@ class Body(elements.Body):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/base/document.pyi

@@ -25,7 +25,6 @@ class ReactRouterLib(Component):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -54,7 +53,6 @@ class ReactRouterLib(Component):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 
@@ -76,7 +74,6 @@ class Meta(ReactRouterLib):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -105,7 +102,6 @@ class Meta(ReactRouterLib):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 
@@ -127,7 +123,6 @@ class Links(ReactRouterLib):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -156,7 +151,6 @@ class Links(ReactRouterLib):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 
@@ -178,7 +172,6 @@ class ScrollRestoration(ReactRouterLib):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -207,7 +200,6 @@ class ScrollRestoration(ReactRouterLib):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 
@@ -229,7 +221,6 @@ class Outlet(ReactRouterLib):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -258,7 +249,6 @@ class Outlet(ReactRouterLib):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 
@@ -280,7 +270,6 @@ class Scripts(ReactRouterLib):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -309,7 +298,6 @@ class Scripts(ReactRouterLib):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/base/error_boundary.pyi

@@ -31,7 +31,6 @@ class ErrorBoundary(Component):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -63,7 +62,6 @@ class ErrorBoundary(Component):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/base/fragment.pyi

@@ -25,7 +25,6 @@ class Fragment(Component):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -54,7 +53,6 @@ class Fragment(Component):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/base/link.pyi

@@ -205,7 +205,6 @@ class RawLink(BaseHTML):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -252,7 +251,6 @@ class RawLink(BaseHTML):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 
@@ -459,7 +457,6 @@ class ScriptTag(BaseHTML):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -511,7 +508,6 @@ class ScriptTag(BaseHTML):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/base/meta.pyi

@@ -27,7 +27,6 @@ class Title(elements.Title):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -56,7 +55,6 @@ class Title(elements.Title):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 
@@ -261,7 +259,6 @@ class Description(elements.Meta):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -311,7 +308,6 @@ class Description(elements.Meta):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 
@@ -516,7 +512,6 @@ class Image(elements.Meta):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -566,7 +561,6 @@ class Image(elements.Meta):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/base/script.py

@@ -39,7 +39,6 @@ class Script(elements.Script):
         key = props.pop("key", None)
         id = props.pop("id", None)
         class_name = props.pop("class_name", None)
-        autofocus = props.pop("autofocus", None)
         custom_attrs = props.pop("custom_attrs", None)
         on_mount = props.pop("on_mount", None)
         on_unmount = props.pop("on_unmount", None)
@@ -67,7 +66,6 @@ class Script(elements.Script):
                 key=key,
                 id=id,
                 class_name=class_name,
-                autofocus=autofocus,
                 custom_attrs=custom_attrs,
                 on_mount=on_mount,
                 on_unmount=on_unmount,

reflex/components/base/script.pyi

@@ -237,7 +237,6 @@ class Script(elements.Script):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -290,7 +289,6 @@ class Script(elements.Script):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The properties of the element.
 

reflex/components/base/strict_mode.pyi

@@ -25,7 +25,6 @@ class StrictMode(Component):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -54,7 +53,6 @@ class StrictMode(Component):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/component.py

@@ -588,9 +588,6 @@ class Component(BaseComponent, ABC):
     # Special component props.
     special_props: list[Var] = field(default_factory=list, is_javascript_property=False)
 
-    # Whether the component should take the focus once the page is loaded
-    autofocus: bool = field(default=False, is_javascript_property=False)
-
     # components that cannot be children
     _invalid_children: ClassVar[list[str]] = []
 
@@ -964,7 +961,7 @@ class Component(BaseComponent, ABC):
         # Create the base tag.
         tag = Tag(
             name=name,
-            special_props=self.special_props,
+            special_props=self.special_props.copy(),
         )
 
         if props is None:
@@ -1274,9 +1271,7 @@ class Component(BaseComponent, ABC):
             tag.set(
                 children=[child.render() for child in self.children],
                 contents=str(tag.contents),
-                props=tag.format_props(),
-            ),
-            autofocus=self.autofocus,
+            )
         )
         self._replace_prop_names(rendered_dict)
         return rendered_dict
@@ -1435,7 +1430,6 @@ class Component(BaseComponent, ABC):
             self.class_name,
             self.id,
             self.key,
-            self.autofocus,
             *self.custom_attrs.values(),
         ):
             if isinstance(comp_prop, Var):
@@ -1627,15 +1621,6 @@ class Component(BaseComponent, ABC):
             # Handle hooks for `on_mount` / `on_unmount`.
             _imports.setdefault("react", set()).add(ImportVar(tag="useEffect"))
 
-        if self._get_special_hooks():
-            # Handle additional internal hooks (autofocus, etc).
-            _imports.setdefault("react", set()).update(
-                {
-                    ImportVar(tag="useRef"),
-                    ImportVar(tag="useEffect"),
-                },
-            )
-
         other_imports = []
         user_hooks = self._get_hooks()
         user_hooks_data = (
@@ -1781,18 +1766,6 @@ class Component(BaseComponent, ABC):
             else {}
         )
 
-    def _get_special_hooks(self) -> dict[str, VarData | None]:
-        """Get the hooks required by special actions referenced in this component.
-
-        Returns:
-            The hooks for special actions.
-        """
-        return (
-            {Hooks.AUTOFOCUS: VarData(position=Hooks.HookPosition.INTERNAL)}
-            if self.autofocus
-            else {}
-        )
-
     def _get_hooks_internal(self) -> dict[str, VarData | None]:
         """Get the React hooks for this component managed by the framework.
 
@@ -1810,7 +1783,6 @@ class Component(BaseComponent, ABC):
             },
             **self._get_vars_hooks(),
             **self._get_events_hooks(),
-            **self._get_special_hooks(),
         }
 
     def _get_added_hooks(self) -> dict[str, VarData | None]:

reflex/components/core/auto_scroll.pyi

@@ -204,7 +204,6 @@ class AutoScroll(Div):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -249,7 +248,6 @@ class AutoScroll(Div):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/core/banner.pyi

@@ -57,7 +57,6 @@ class ConnectionToaster(Fragment):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -86,7 +85,6 @@ class ConnectionToaster(Fragment):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The properties of the component.
 
@@ -108,7 +106,6 @@ class ConnectionBanner(Component):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -151,7 +148,6 @@ class ConnectionModal(Component):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -195,7 +191,6 @@ class WifiOffPulse(Icon):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -225,7 +220,6 @@ class WifiOffPulse(Icon):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The properties of the component.
 
@@ -427,7 +421,6 @@ class ConnectionPulser(Div):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -471,7 +464,6 @@ class ConnectionPulser(Div):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The properties of the component.
 
@@ -671,7 +663,6 @@ class BackendDisabled(Div):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -715,7 +706,6 @@ class BackendDisabled(Div):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The properties of the component.
 

reflex/components/core/client_side_routing.pyi

@@ -29,7 +29,6 @@ class ClientSideRouting(Component):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -58,7 +57,6 @@ class ClientSideRouting(Component):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/core/clipboard.py

@@ -56,10 +56,8 @@ class Clipboard(Fragment):
 
     def _render(self) -> Tag:
         tag = super()._render()
-        tag.remove_props("targets")
         # Ensure a different Fragment component is created whenever targets differ
-        tag.add_props(key=self.targets)
-        return tag
+        return tag.remove_props("targets").add_props(key=self.targets)
 
     def add_imports(self) -> dict[str, ImportVar]:
         """Add the imports for the Clipboard component.

reflex/components/core/clipboard.pyi

@@ -30,7 +30,6 @@ class Clipboard(Fragment):
         id: Any | None = None,
         ref: Var | None = None,
         class_name: Any | None = None,
-        autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
@@ -63,7 +62,6 @@ class Clipboard(Fragment):
             id: The id for the component.
             ref: The Var to pass as the ref to the component.
             class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
             custom_attrs: custom attribute
             **props: The properties of the component.