@dcl/react-ecs 7.20.4-22489296066.commit-b055846 → 7.20.4-22492765829.commit-3a83d2f

package/dist/reconciler/index.js

@@ -18,6 +18,9 @@ export function createReconciler(engine, pointerEvents) {
     // Store the onChange callbacks to be runned every time a Result has changed
     const changeEvents = new Map();
     const clickEvents = new Map();
+    // Track the last value reported by the renderer for each input entity,
+    // so we can avoid echoing it back and causing keystroke drops.
+    const lastInputResultValues = new Map();
     // Initialize components
     const UiTransform = components.UiTransform(engine);
     const UiText = components.UiText(engine);
@@ -111,6 +114,15 @@ export function createReconciler(engine, pointerEvents) {
             delete props.onChange;
             delete props.onSubmit;
         }
+        // Prevent keystroke drops: when React echoes back the same value the renderer
+        // reported, strip it from the props so the component isn't marked dirty for it.
+        // This avoids sending a stale value that overwrites what the user is currently typing.
+        if (componentName === 'uiInput' &&
+            'value' in props &&
+            lastInputResultValues.has(instance.entity) &&
+            props.value === lastInputResultValues.get(instance.entity)) {
+            delete props.value;
+        }
         // We check if there is any key pending to be changed to avoid updating the existing component
         if (!Object.keys(props).length) {
             return;
@@ -125,6 +137,7 @@ export function createReconciler(engine, pointerEvents) {
     function removeChildEntity(instance) {
         changeEvents.delete(instance.entity);
         clickEvents.delete(instance.entity);
+        lastInputResultValues.delete(instance.entity);
         engine.removeEntity(instance.entity);
         for (const child of instance._child) {
             removeChildEntity(child);
@@ -180,6 +193,9 @@ export function createReconciler(engine, pointerEvents) {
         if (!hasEvent) {
             const resultComponentId = componentId === UiDropdown.componentId ? UiDropdownResult.componentId : UiInputResult.componentId;
             engine.getComponent(resultComponentId).onChange(entity, (value) => {
+                if (resultComponentId === UiInputResult.componentId) {
+                    lastInputResultValues.set(entity, value?.value);
+                }
                 if (value?.isSubmit) {
                     const onSubmit = changeEvents.get(entity)?.get(componentId)?.onSubmitCallback;
                     onSubmit && onSubmit(value?.value);

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dcl/react-ecs",
   "description": "Decentraland ECS",
-  "version": "7.20.4-22489296066.commit-b055846",
+  "version": "7.20.4-22492765829.commit-3a83d2f",
   "author": "DCL",
   "bugs": "https://github.com/decentraland/js-sdk-toolchain/issues",
   "dependencies": {
-    "@dcl/ecs": "7.20.4-22489296066.commit-b055846",
+    "@dcl/ecs": "7.20.4-22492765829.commit-3a83d2f",
     "react": "^18.2.0",
     "react-reconciler": "^0.29.0"
   },
@@ -40,5 +40,5 @@
     "tsconfig": "./tsconfig.json"
   },
   "types": "./dist/index.d.ts",
-  "commit": "b055846a29706be0436e42d09dd63d2d7951b3a8"
+  "commit": "3a83d2f48ae4ee0fcd1333086d0240bffed7f00e"
 }