Fix use_search_params

Author: Archmonger

docs/examples/python/use-query.py renamed to docs/examples/python/use-search-params.py

@@ -1,11 +1,12 @@
-from reactpy import component, html
+from reactpy import component, html, run
+
 from reactpy_router import browser_router, link, route, use_search_params
 
 
 @component
 def search():
     query = use_search_params()
-    return html.h1(f"Search Results for {query['q'][0]} 🔍")
+    return html._(html.h1(f"Search Results for {query['q'][0]} 🔍"), html.p("Nothing (yet)."))
 
 
 @component
@@ -18,5 +19,8 @@ def root():
                 link("Search", to="/search?q=reactpy"),
             ),
         ),
-        route("/about", html.h1("About Page 📖")),
+        route("/search", search()),
     )
+
+
+run(root)

docs/src/learn/hooks.md

@@ -6,14 +6,14 @@ Several pre-fabricated hooks are provided to help integrate with routing feature
 
 ---
 
-## Use Query
+## Use Search Params
 
 The [`use_search_params`][src.reactpy_router.use_search_params] hook can be used to access query parameters from the current location. It returns a dictionary of query parameters, where each value is a list of strings.
 
 === "components.py"
 
     ```python
-    {% include "../../examples/python/use-query.py" %}
+    {% include "../../examples/python/use-search-params.py" %}
     ```
 
 ## Use Parameters

src/reactpy_router/core.py

@@ -93,6 +93,8 @@ def link(*children: VdomChild, to: str, **attributes: Any) -> VdomDict:
 
     def on_click(_event: dict[str, Any]) -> None:
         pathname, search = to.split("?", 1) if "?" in to else (to, "")
+        if search:
+            search = f"?{search}"
         set_location(Location(pathname, search))
 
     attrs = {

tests/test_core.py

@@ -2,6 +2,7 @@
 
 from reactpy import Ref, component, html, use_location
 from reactpy.testing import DisplayFixture
+
 from reactpy_router import browser_router, link, route, use_params, use_search_params
 
 
@@ -136,7 +137,7 @@ def sample():
         await display.page.wait_for_selector("#success")
 
 
-async def test_use_query(display: DisplayFixture):
+async def test_search_params(display: DisplayFixture):
     expected_query: dict[str, Any] = {}
 
     @component