xote 4.15.2 → 4.15.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xote",
-  "version": "4.15.2",
+  "version": "4.15.3",
   "repository": {
     "url": "https://github.com/brnrdog/xote"
   },

package/src/Xote__JSX.res

@@ -9,8 +9,12 @@ type component<'props> = 'props => element
 
 type componentLike<'props, 'return> = 'props => 'return
 
-/* JSX functions for component creation - all delegate to the component function */
-let jsx = (component: component<'props>, props: 'props): element => component(props)
+/* JSX functions for component creation - wrap in LazyComponent to defer evaluation.
+ * This ensures component functions (which may create effects/computeds) are not
+ * evaluated during a Computed context, which would incorrectly track their
+ * dependencies as belonging to the outer computed. */
+let jsx = (component: component<'props>, props: 'props): element =>
+  Component.LazyComponent(() => component(props))
 
 let jsxs = jsx
 

package/src/Xote__JSX.res.mjs

@@ -5,11 +5,17 @@ import * as Xote__Component from "./Xote__Component.res.mjs";
 import * as Primitive_option from "@rescript/runtime/lib/es6/Primitive_option.js";
 
 function jsx(component, props) {
-  return component(props);
+  return {
+    TAG: "LazyComponent",
+    _0: () => component(props)
+  };
 }
 
 function jsxKeyed(component, props, key, param) {
-  return component(props);
+  return {
+    TAG: "LazyComponent",
+    _0: () => component(props)
+  };
 }
 
 function jsxFragment(props) {