@legendapp/state 3.0.0-beta.46 → 3.0.0-beta.48

package/README.md

@@ -67,7 +67,8 @@ function FineGrained() {
 
 ### 4. 💾 Powerful sync and persistence
 
-Legend-State includes a powerful [sync and persistence system](../../usage/persist-sync). It easily enables local-first apps by optimistically applying all changes locally first, retrying changes even after restart until they eventually sync, and syncing minimal diffs. We use Legend-State as the sync systems in [Legend](https://legendapp.com) and [Bravely](https://bravely.io), so it is by necessity very full featured while being simple to set up.
+Legend-State includes a powerful [sync and persistence system](https://www.legendapp.com/open-source/state/v3/usage/persist-sync/)
+. It easily enables local-first apps by optimistically applying all changes locally first, retrying changes even after restart until they eventually sync, and syncing minimal diffs. We use Legend-State as the sync systems in [Legend](https://legendapp.com) and [Bravely](https://bravely.io), so it is by necessity very full featured while being simple to set up.
 
 Local persistence plugins for the browser and React Native are included, with sync plugins for [Keel](https://www.keel.so), [Supabase](https://www.supabase.com), [TanStack Query](https://tanstack.com/query), and `fetch`.
 

package/config/enableReactNativeComponents.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var react$1 = require('react');
 var react = require('@legendapp/state/react');
 var reactNative = require('react-native');
 
@@ -39,9 +38,8 @@ function enableReactNativeComponents() {
       FlatList: {
         data: {
           selector: (propsOut, p) => {
-            const state = react$1.useRef(0);
-            const [renderNum, value] = react.useSelector(() => [state.current++, p.get(true)]);
-            propsOut.extraData = renderNum;
+            const value = p.get(true);
+            propsOut.extraData = {};
             return value;
           }
         }

package/config/enableReactNativeComponents.mjs

@@ -1,5 +1,4 @@
-import { useRef } from 'react';
-import { configureReactive, useSelector } from '@legendapp/state/react';
+import { configureReactive } from '@legendapp/state/react';
 import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 
 // src/config/enableReactNativeComponents.ts
@@ -37,9 +36,8 @@ function enableReactNativeComponents() {
       FlatList: {
         data: {
           selector: (propsOut, p) => {
-            const state = useRef(0);
-            const [renderNum, value] = useSelector(() => [state.current++, p.get(true)]);
-            propsOut.extraData = renderNum;
+            const value = p.get(true);
+            propsOut.extraData = {};
             return value;
           }
         }

package/helpers/undoRedo.js

@@ -25,10 +25,9 @@ function undoRedo(obs$, options) {
       historyPointer = 0;
     }
     const snapshot = state.internal.clone(obs$.get());
+    history = history.slice(0, historyPointer + 1);
     if (options == null ? void 0 : options.limit) {
       history = history.slice(Math.max(0, history.length - options.limit));
-    } else {
-      history = history.slice(0, historyPointer + 1);
     }
     history.push(snapshot);
     historyPointer = history.length - 1;

package/helpers/undoRedo.mjs

@@ -23,10 +23,9 @@ function undoRedo(obs$, options) {
       historyPointer = 0;
     }
     const snapshot = internal.clone(obs$.get());
+    history = history.slice(0, historyPointer + 1);
     if (options == null ? void 0 : options.limit) {
       history = history.slice(Math.max(0, history.length - options.limit));
-    } else {
-      history = history.slice(0, historyPointer + 1);
     }
     history.push(snapshot);
     historyPointer = history.length - 1;

package/index.d.mts

@@ -109,6 +109,8 @@ declare function setNodeValue(node: NodeInfo, newValue: any): {
     prevValue: any;
     newValue: any;
     parentValue: any;
+    parentHadKey: boolean;
+    parentHasKey: boolean;
 };
 declare function getNodeValue(node: NodeInfo): any;
 declare function getChildNode(node: NodeInfo, key: string, asFunction?: Function): NodeInfo;

package/index.d.ts

@@ -109,6 +109,8 @@ declare function setNodeValue(node: NodeInfo, newValue: any): {
     prevValue: any;
     newValue: any;
     parentValue: any;
+    parentHadKey: boolean;
+    parentHasKey: boolean;
 };
 declare function getNodeValue(node: NodeInfo): any;
 declare function getChildNode(node: NodeInfo, key: string, asFunction?: Function): NodeInfo;

package/index.js

@@ -9,7 +9,7 @@ function isString(obj) {
   return typeof obj === "string";
 }
 function isObject(obj) {
-  return !!obj && typeof obj === "object" && !(obj instanceof Date) && !isArray(obj);
+  return !!obj && typeof obj === "object" && !(obj instanceof Date) && !isTemporal(obj) && !isArray(obj);
 }
 function isPlainObject(obj) {
   return isObject(obj) && obj.constructor === Object;
@@ -19,11 +19,14 @@ function isFunction(obj) {
 }
 function isPrimitive(arg) {
   const type = typeof arg;
-  return arg !== void 0 && (isDate(arg) || type !== "object" && type !== "function");
+  return arg !== void 0 && (isDate(arg) || isTemporal(arg) || type !== "object" && type !== "function");
 }
 function isDate(obj) {
   return obj instanceof Date;
 }
+function isTemporal(obj) {
+  return !!obj && (typeof obj === "object" || typeof obj === "function") && typeof obj[Symbol.toStringTag] === "string" && obj[Symbol.toStringTag].startsWith("Temporal.");
+}
 function isSymbol(obj) {
   return typeof obj === "symbol";
 }
@@ -166,6 +169,7 @@ function setNodeValue(node, newValue) {
   const parentValue = node.parent ? ensureNodeValue(parentNode) : parentNode.root;
   const useSetFn = isSet(parentValue);
   const useMapFn = isMap(parentValue);
+  const parentHadKey = useSetFn || useMapFn ? parentValue.has(key) : Object.prototype.hasOwnProperty.call(parentValue, key);
   const prevValue = useSetFn ? key : useMapFn ? parentValue.get(key) : parentValue[key];
   const isFunc = isFunction(newValue);
   newValue = !parentNode.isAssigning && isFunc && !isFunction(prevValue) ? newValue(prevValue) : newValue;
@@ -185,7 +189,8 @@ function setNodeValue(node, newValue) {
       parentNode.isSetting--;
     }
   }
-  return { prevValue, newValue, parentValue };
+  const parentHasKey = useSetFn || useMapFn ? parentValue.has(key) : Object.prototype.hasOwnProperty.call(parentValue, key);
+  return { prevValue, newValue, parentValue, parentHadKey, parentHasKey };
 }
 var arrNodeKeys = [];
 function getNodeValue(node) {
@@ -261,7 +266,7 @@ function extractFunction(node, key, fnOrComputed) {
   node.functions.set(key, fnOrComputed);
 }
 function equals(a, b) {
-  return a === b || isDate(a) && isDate(b) && +a === +b;
+  return a === b || isDate(a) && isDate(b) && +a === +b || isTemporal(a) && isTemporal(b) && String(a) === String(b);
 }
 function getKeys(obj, isArr, isMap2, isSet2) {
   return isArr ? void 0 : obj ? isSet2 ? Array.from(obj) : isMap2 ? Array.from(obj.keys()) : Object.keys(obj) : [];
@@ -1520,6 +1525,16 @@ function updateNodes(parent, obj, prevValue) {
         parent.children.set(key, child);
       }
     }
+    if (isArr && length < lengthPrev && parent.children) {
+      for (let i = length; i < lengthPrev; i++) {
+        const key = i + "";
+        const child = parent.children.get(key);
+        if (child) {
+          handleDeletedChild(child, prevValue == null ? void 0 : prevValue[i]);
+          parent.children.delete(key);
+        }
+      }
+    }
     retValue = hasADiff || didMove;
   } else if (prevValue !== void 0) {
     retValue = true;
@@ -1531,8 +1546,8 @@ function updateNodes(parent, obj, prevValue) {
 }
 function handleDeletedChild(child, p) {
   var _a, _b;
-  (_a = child.linkedToNodeDispose) == null ? void 0 : _a.call(child);
-  (_b = child.activatedObserveDispose) == null ? void 0 : _b.call(child);
+  deactivateNode(child);
+  (_b = (_a = child.parent) == null ? void 0 : _a.functions) == null ? void 0 : _b.delete(child.key);
   if (!isPrimitive(p)) {
     updateNodes(child, void 0, p);
   }
@@ -1791,8 +1806,14 @@ function setKey(node, key, newValue, level) {
   if (isObservable(newValue)) {
     setToObservable(childNode, newValue);
   } else {
-    const { newValue: savedValue, prevValue, parentValue } = setNodeValue(childNode, newValue);
-    const isPrim = isPrimitive(prevValue) || prevValue instanceof Date || isPrimitive(savedValue) || savedValue instanceof Date;
+    const {
+      newValue: savedValue,
+      prevValue,
+      parentValue,
+      parentHadKey,
+      parentHasKey
+    } = setNodeValue(childNode, newValue);
+    const isPrim = isPrimitive(prevValue) || prevValue instanceof Date || isTemporal(prevValue) || isPrimitive(savedValue) || savedValue instanceof Date || isTemporal(savedValue);
     if (!isPrim) {
       let parent = childNode;
       do {
@@ -1812,7 +1833,8 @@ function setKey(node, key, newValue, level) {
         isPrim,
         isRoot,
         level,
-        forceNotify
+        forceNotify,
+        parentHadKey !== parentHasKey
       );
     }
     extractFunctionOrComputed(node, key, savedValue);
@@ -1920,7 +1942,7 @@ function handlerMapSet(node, p, value) {
     };
   }
 }
-function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue, isPrim, isRoot, level, forceNotify) {
+function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue, isPrim, isRoot, level, forceNotify, parentKeyChanged) {
   if (!childNode)
     childNode = node;
   beginBatch();
@@ -1931,6 +1953,7 @@ function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue,
   let whenOptimizedOnlyIf = false;
   let valueAsArr;
   let valueAsMap;
+  let valueAsObj;
   if (!isPrim || prevValue && !isPrimitive(prevValue)) {
     if ((process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && typeof __devUpdateNodes !== "undefined") {
       __devUpdateNodes.clear();
@@ -1940,6 +1963,8 @@ function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue,
       valueAsArr = newValue;
     } else if (isMap(newValue) || isSet(newValue)) {
       valueAsMap = newValue;
+    } else if (isObject(newValue)) {
+      valueAsObj = newValue;
     }
   }
   if (isArray(parentValue)) {
@@ -1951,6 +1976,13 @@ function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue,
     whenOptimizedOnlyIf = (valueAsArr == null ? void 0 : valueAsArr.length) !== (prevValue == null ? void 0 : prevValue.length);
   } else if (valueAsMap) {
     whenOptimizedOnlyIf = (valueAsMap == null ? void 0 : valueAsMap.size) !== (prevValue == null ? void 0 : prevValue.size);
+  } else if (valueAsObj) {
+    const keys = Object.keys(valueAsObj);
+    const prevValueAsObj = isObject(prevValue) ? prevValue : {};
+    const prevKeys = Object.keys(prevValueAsObj);
+    whenOptimizedOnlyIf = keys.length !== prevKeys.length || keys.some((key) => !hasOwnProperty.call(prevValueAsObj, key));
+  } else if (isObject(parentValue)) {
+    whenOptimizedOnlyIf = !!parentKeyChanged;
   }
   if (isPrim || !newValue || isEmpty(newValue) && !isEmpty(prevValue) ? newValue !== prevValue : hasADiff) {
     notify(

package/index.mjs

@@ -7,7 +7,7 @@ function isString(obj) {
   return typeof obj === "string";
 }
 function isObject(obj) {
-  return !!obj && typeof obj === "object" && !(obj instanceof Date) && !isArray(obj);
+  return !!obj && typeof obj === "object" && !(obj instanceof Date) && !isTemporal(obj) && !isArray(obj);
 }
 function isPlainObject(obj) {
   return isObject(obj) && obj.constructor === Object;
@@ -17,11 +17,14 @@ function isFunction(obj) {
 }
 function isPrimitive(arg) {
   const type = typeof arg;
-  return arg !== void 0 && (isDate(arg) || type !== "object" && type !== "function");
+  return arg !== void 0 && (isDate(arg) || isTemporal(arg) || type !== "object" && type !== "function");
 }
 function isDate(obj) {
   return obj instanceof Date;
 }
+function isTemporal(obj) {
+  return !!obj && (typeof obj === "object" || typeof obj === "function") && typeof obj[Symbol.toStringTag] === "string" && obj[Symbol.toStringTag].startsWith("Temporal.");
+}
 function isSymbol(obj) {
   return typeof obj === "symbol";
 }
@@ -164,6 +167,7 @@ function setNodeValue(node, newValue) {
   const parentValue = node.parent ? ensureNodeValue(parentNode) : parentNode.root;
   const useSetFn = isSet(parentValue);
   const useMapFn = isMap(parentValue);
+  const parentHadKey = useSetFn || useMapFn ? parentValue.has(key) : Object.prototype.hasOwnProperty.call(parentValue, key);
   const prevValue = useSetFn ? key : useMapFn ? parentValue.get(key) : parentValue[key];
   const isFunc = isFunction(newValue);
   newValue = !parentNode.isAssigning && isFunc && !isFunction(prevValue) ? newValue(prevValue) : newValue;
@@ -183,7 +187,8 @@ function setNodeValue(node, newValue) {
       parentNode.isSetting--;
     }
   }
-  return { prevValue, newValue, parentValue };
+  const parentHasKey = useSetFn || useMapFn ? parentValue.has(key) : Object.prototype.hasOwnProperty.call(parentValue, key);
+  return { prevValue, newValue, parentValue, parentHadKey, parentHasKey };
 }
 var arrNodeKeys = [];
 function getNodeValue(node) {
@@ -259,7 +264,7 @@ function extractFunction(node, key, fnOrComputed) {
   node.functions.set(key, fnOrComputed);
 }
 function equals(a, b) {
-  return a === b || isDate(a) && isDate(b) && +a === +b;
+  return a === b || isDate(a) && isDate(b) && +a === +b || isTemporal(a) && isTemporal(b) && String(a) === String(b);
 }
 function getKeys(obj, isArr, isMap2, isSet2) {
   return isArr ? void 0 : obj ? isSet2 ? Array.from(obj) : isMap2 ? Array.from(obj.keys()) : Object.keys(obj) : [];
@@ -1518,6 +1523,16 @@ function updateNodes(parent, obj, prevValue) {
         parent.children.set(key, child);
       }
     }
+    if (isArr && length < lengthPrev && parent.children) {
+      for (let i = length; i < lengthPrev; i++) {
+        const key = i + "";
+        const child = parent.children.get(key);
+        if (child) {
+          handleDeletedChild(child, prevValue == null ? void 0 : prevValue[i]);
+          parent.children.delete(key);
+        }
+      }
+    }
     retValue = hasADiff || didMove;
   } else if (prevValue !== void 0) {
     retValue = true;
@@ -1529,8 +1544,8 @@ function updateNodes(parent, obj, prevValue) {
 }
 function handleDeletedChild(child, p) {
   var _a, _b;
-  (_a = child.linkedToNodeDispose) == null ? void 0 : _a.call(child);
-  (_b = child.activatedObserveDispose) == null ? void 0 : _b.call(child);
+  deactivateNode(child);
+  (_b = (_a = child.parent) == null ? void 0 : _a.functions) == null ? void 0 : _b.delete(child.key);
   if (!isPrimitive(p)) {
     updateNodes(child, void 0, p);
   }
@@ -1789,8 +1804,14 @@ function setKey(node, key, newValue, level) {
   if (isObservable(newValue)) {
     setToObservable(childNode, newValue);
   } else {
-    const { newValue: savedValue, prevValue, parentValue } = setNodeValue(childNode, newValue);
-    const isPrim = isPrimitive(prevValue) || prevValue instanceof Date || isPrimitive(savedValue) || savedValue instanceof Date;
+    const {
+      newValue: savedValue,
+      prevValue,
+      parentValue,
+      parentHadKey,
+      parentHasKey
+    } = setNodeValue(childNode, newValue);
+    const isPrim = isPrimitive(prevValue) || prevValue instanceof Date || isTemporal(prevValue) || isPrimitive(savedValue) || savedValue instanceof Date || isTemporal(savedValue);
     if (!isPrim) {
       let parent = childNode;
       do {
@@ -1810,7 +1831,8 @@ function setKey(node, key, newValue, level) {
         isPrim,
         isRoot,
         level,
-        forceNotify
+        forceNotify,
+        parentHadKey !== parentHasKey
       );
     }
     extractFunctionOrComputed(node, key, savedValue);
@@ -1918,7 +1940,7 @@ function handlerMapSet(node, p, value) {
     };
   }
 }
-function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue, isPrim, isRoot, level, forceNotify) {
+function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue, isPrim, isRoot, level, forceNotify, parentKeyChanged) {
   if (!childNode)
     childNode = node;
   beginBatch();
@@ -1929,6 +1951,7 @@ function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue,
   let whenOptimizedOnlyIf = false;
   let valueAsArr;
   let valueAsMap;
+  let valueAsObj;
   if (!isPrim || prevValue && !isPrimitive(prevValue)) {
     if ((process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && typeof __devUpdateNodes !== "undefined") {
       __devUpdateNodes.clear();
@@ -1938,6 +1961,8 @@ function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue,
       valueAsArr = newValue;
     } else if (isMap(newValue) || isSet(newValue)) {
       valueAsMap = newValue;
+    } else if (isObject(newValue)) {
+      valueAsObj = newValue;
     }
   }
   if (isArray(parentValue)) {
@@ -1949,6 +1974,13 @@ function updateNodesAndNotify(node, newValue, prevValue, childNode, parentValue,
     whenOptimizedOnlyIf = (valueAsArr == null ? void 0 : valueAsArr.length) !== (prevValue == null ? void 0 : prevValue.length);
   } else if (valueAsMap) {
     whenOptimizedOnlyIf = (valueAsMap == null ? void 0 : valueAsMap.size) !== (prevValue == null ? void 0 : prevValue.size);
+  } else if (valueAsObj) {
+    const keys = Object.keys(valueAsObj);
+    const prevValueAsObj = isObject(prevValue) ? prevValue : {};
+    const prevKeys = Object.keys(prevValueAsObj);
+    whenOptimizedOnlyIf = keys.length !== prevKeys.length || keys.some((key) => !hasOwnProperty.call(prevValueAsObj, key));
+  } else if (isObject(parentValue)) {
+    whenOptimizedOnlyIf = !!parentKeyChanged;
   }
   if (isPrim || !newValue || isEmpty(newValue) && !isEmpty(prevValue) ? newValue !== prevValue : hasADiff) {
     notify(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/state",
-  "version": "3.0.0-beta.46",
+  "version": "3.0.0-beta.48",
   "description": "legend-state",
   "sideEffects": false,
   "private": false,

package/react-hooks/createObservableHook.js

@@ -7,6 +7,14 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+// src/react-hooks/createObservableHook.ts
+function runInRender(fn) {
+  try {
+    return fn();
+  } finally {
+  }
+}
+
 // src/react-hooks/createObservableHook.ts
 function overrideHooks(refObs) {
   React__default.default.useState = function useState(initialState) {
@@ -30,10 +38,13 @@ function createObservableHook(fn) {
   const _useReducer = React__default.default.useReducer;
   return function(...args) {
     const refObs = React__default.default.useRef(void 0);
-    overrideHooks(refObs);
-    fn(...args);
-    React__default.default.useState = _useState;
-    React__default.default.useReducer = _useReducer;
+    try {
+      overrideHooks(refObs);
+      runInRender(() => fn(...args));
+    } finally {
+      React__default.default.useState = _useState;
+      React__default.default.useReducer = _useReducer;
+    }
     return refObs.current;
   };
 }

package/react-hooks/createObservableHook.mjs

@@ -1,6 +1,14 @@
 import { observable, isFunction } from '@legendapp/state';
 import React from 'react';
 
+// src/react-hooks/createObservableHook.ts
+function runInRender(fn) {
+  try {
+    return fn();
+  } finally {
+  }
+}
+
 // src/react-hooks/createObservableHook.ts
 function overrideHooks(refObs) {
   React.useState = function useState(initialState) {
@@ -24,10 +32,13 @@ function createObservableHook(fn) {
   const _useReducer = React.useReducer;
   return function(...args) {
     const refObs = React.useRef(void 0);
-    overrideHooks(refObs);
-    fn(...args);
-    React.useState = _useState;
-    React.useReducer = _useReducer;
+    try {
+      overrideHooks(refObs);
+      runInRender(() => fn(...args));
+    } finally {
+      React.useState = _useState;
+      React.useReducer = _useReducer;
+    }
     return refObs.current;
   };
 }

package/react-native.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var react = require('@legendapp/state/react');
-var react$1 = require('react');
 var reactNative = require('react-native');
 
 // src/react-reactive/Components.ts
@@ -10,9 +9,8 @@ var $Button = react.reactive(reactNative.Button);
 var $FlatList = react.reactive(reactNative.FlatList, void 0, {
   data: {
     selector: (propsOut, p) => {
-      const state = react$1.useRef(0);
-      const [renderNum, value] = react.use$(() => [state.current++, p.get(true)]);
-      propsOut.extraData = renderNum;
+      const value = p.get(true);
+      propsOut.extraData = {};
       return value;
     }
   }

package/react-native.mjs

@@ -1,5 +1,4 @@
-import { reactive, use$ } from '@legendapp/state/react';
-import { useRef } from 'react';
+import { reactive } from '@legendapp/state/react';
 import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 
 // src/react-reactive/Components.ts
@@ -8,9 +7,8 @@ var $Button = reactive(Button);
 var $FlatList = reactive(FlatList, void 0, {
   data: {
     selector: (propsOut, p) => {
-      const state = useRef(0);
-      const [renderNum, value] = use$(() => [state.current++, p.get(true)]);
-      propsOut.extraData = renderNum;
+      const value = p.get(true);
+      propsOut.extraData = {};
       return value;
     }
   }

package/react-reactive/Components.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var react = require('@legendapp/state/react');
-var react$1 = require('react');
 var reactNative = require('react-native');
 
 // src/react-reactive/Components.ts
@@ -10,9 +9,8 @@ var $Button = react.reactive(reactNative.Button);
 var $FlatList = react.reactive(reactNative.FlatList, void 0, {
   data: {
     selector: (propsOut, p) => {
-      const state = react$1.useRef(0);
-      const [renderNum, value] = react.use$(() => [state.current++, p.get(true)]);
-      propsOut.extraData = renderNum;
+      const value = p.get(true);
+      propsOut.extraData = {};
       return value;
     }
   }

package/react-reactive/Components.mjs

@@ -1,5 +1,4 @@
-import { reactive, use$ } from '@legendapp/state/react';
-import { useRef } from 'react';
+import { reactive } from '@legendapp/state/react';
 import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 
 // src/react-reactive/Components.ts
@@ -8,9 +7,8 @@ var $Button = reactive(Button);
 var $FlatList = reactive(FlatList, void 0, {
   data: {
     selector: (propsOut, p) => {
-      const state = useRef(0);
-      const [renderNum, value] = use$(() => [state.current++, p.get(true)]);
-      propsOut.extraData = renderNum;
+      const value = p.get(true);
+      propsOut.extraData = {};
       return value;
     }
   }

package/react-reactive/enableReactNativeComponents.js

@@ -1,7 +1,5 @@
 'use strict';
 
-var react$1 = require('@legendapp/state/react');
-var react = require('react');
 var reactNative = require('react-native');
 
 // src/react-reactive/enableReactNativeComponents.ts
@@ -44,9 +42,8 @@ function enableReactNativeComponents_(configure) {
       FlatList: {
         data: {
           selector: (propsOut, p) => {
-            const state = react.useRef(0);
-            const [renderNum, value] = react$1.useSelector(() => [state.current++, p.get(true)]);
-            propsOut.extraData = renderNum;
+            const value = p.get(true);
+            propsOut.extraData = {};
             return value;
           }
         }

package/react-reactive/enableReactNativeComponents.mjs

@@ -1,5 +1,3 @@
-import { useSelector } from '@legendapp/state/react';
-import { useRef } from 'react';
 import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 
 // src/react-reactive/enableReactNativeComponents.ts
@@ -42,9 +40,8 @@ function enableReactNativeComponents_(configure) {
       FlatList: {
         data: {
           selector: (propsOut, p) => {
-            const state = useRef(0);
-            const [renderNum, value] = useSelector(() => [state.current++, p.get(true)]);
-            propsOut.extraData = renderNum;
+            const value = p.get(true);
+            propsOut.extraData = {};
             return value;
           }
         }

package/react-reactive/enableReactive.native.js

@@ -1,7 +1,5 @@
 'use strict';
 
-var react$1 = require('@legendapp/state/react');
-var react = require('react');
 var reactNative = require('react-native');
 
 // src/react-reactive/enableReactNativeComponents.ts
@@ -44,9 +42,8 @@ function enableReactNativeComponents_(configure) {
       FlatList: {
         data: {
           selector: (propsOut, p) => {
-            const state = react.useRef(0);
-            const [renderNum, value] = react$1.useSelector(() => [state.current++, p.get(true)]);
-            propsOut.extraData = renderNum;
+            const value = p.get(true);
+            propsOut.extraData = {};
             return value;
           }
         }

package/react-reactive/enableReactive.native.mjs

@@ -1,5 +1,3 @@
-import { useSelector } from '@legendapp/state/react';
-import { useRef } from 'react';
 import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 
 // src/react-reactive/enableReactNativeComponents.ts
@@ -42,9 +40,8 @@ function enableReactNativeComponents_(configure) {
       FlatList: {
         data: {
           selector: (propsOut, p) => {
-            const state = useRef(0);
-            const [renderNum, value] = useSelector(() => [state.current++, p.get(true)]);
-            propsOut.extraData = renderNum;
+            const value = p.get(true);
+            propsOut.extraData = {};
             return value;
           }
         }

package/react-reactive/enableReactive.web.js

@@ -1,7 +1,5 @@
 'use strict';
 
-var react$1 = require('@legendapp/state/react');
-var react = require('react');
 var reactNative = require('react-native');
 
 // src/react-reactive/enableReactNativeComponents.ts
@@ -44,9 +42,8 @@ function enableReactNativeComponents_(configure) {
       FlatList: {
         data: {
           selector: (propsOut, p) => {
-            const state = react.useRef(0);
-            const [renderNum, value] = react$1.useSelector(() => [state.current++, p.get(true)]);
-            propsOut.extraData = renderNum;
+            const value = p.get(true);
+            propsOut.extraData = {};
             return value;
           }
         }

package/react-reactive/enableReactive.web.mjs

@@ -1,5 +1,3 @@
-import { useSelector } from '@legendapp/state/react';
-import { useRef } from 'react';
 import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 
 // src/react-reactive/enableReactNativeComponents.ts
@@ -42,9 +40,8 @@ function enableReactNativeComponents_(configure) {
       FlatList: {
         data: {
           selector: (propsOut, p) => {
-            const state = useRef(0);
-            const [renderNum, value] = useSelector(() => [state.current++, p.get(true)]);
-            propsOut.extraData = renderNum;
+            const value = p.get(true);
+            propsOut.extraData = {};
             return value;
           }
         }