add exception in use_effect if user provides an async hook function

Author: Archmonger

src/reactpy/core/hooks.py

@@ -146,6 +146,12 @@ def use_effect(
     Returns:
         If not function is provided, a decorator. Otherwise ``None``.
     """
+    if asyncio.iscoroutinefunction(function):
+        raise TypeError(
+            "`use_effect` does not support async functions. "
+            "Use `use_async_effect` instead."
+        )
+
     hook = HOOK_STACK.current_hook()
     dependencies = _try_to_infer_closure_values(function, dependencies)
     memoize = use_memo(dependencies=dependencies)

tests/test_core/test_hooks.py

@@ -1287,3 +1287,24 @@ def bad_cleanup():
             await layout.render()
             component_hook.latest.schedule_render()
             await layout.render()  # no error
+
+
+def test_use_effect_exception_on_async_function():
+    @reactpy.component
+    def ComponentWithBadEffect():
+        @reactpy.hooks.use_effect
+        async def bad_effect():
+            pass
+
+        return reactpy.html.div()
+
+    with assert_reactpy_did_log(
+        match_error="does not support async functions",
+        error_type=TypeError,
+    ):
+
+        async def run_test():
+            async with reactpy.Layout(ComponentWithBadEffect()) as layout:
+                await layout.render()
+
+        asyncio.run(run_test())