react-obsidian 2.31.0-alpha.2 → 2.31.0-alpha.6

package/dist/src/injectors/components/ComponentInjector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentInjector.d.ts","sourceRoot":"","sources":["../../../../src/injectors/components/ComponentInjector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAK5C,MAAM,CAAC,OAAO,OAAO,iBAAiB;IACpC,MAAM,CAAC,CAAC,EACN,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAClC,UAAU,EAAE,MAAM,GAAG,aAAa,CAAC,WAAW,CAAC,GAC9C,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAMtC,OAAO,CAAC,aAAa;CAwBtB"}
+{"version":3,"file":"ComponentInjector.d.ts","sourceRoot":"","sources":["../../../../src/injectors/components/ComponentInjector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAK5C,MAAM,CAAC,OAAO,OAAO,iBAAiB;IACpC,MAAM,CAAC,CAAC,EACN,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAClC,UAAU,EAAE,MAAM,GAAG,aAAa,CAAC,WAAW,CAAC,GAC9C,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAMtC,OAAO,CAAC,aAAa;CAsBtB"}

package/dist/src/injectors/components/ComponentInjector.js

@@ -40,7 +40,7 @@ const react_1 = __importStar(require("react"));
 const hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
 const PropsInjector_1 = __importDefault(require("./PropsInjector"));
 const useGraph_1 = __importDefault(require("./useGraph"));
-const useGraphContainer_1 = __importDefault(require("./useGraphContainer"));
+const Sentinel_1 = __importDefault(require("./Sentinel"));
 const React_1 = require("../../utils/React");
 const graphContext_1 = require("./graphContext");
 const useInjectionToken_1 = require("./useInjectionToken");
@@ -58,10 +58,10 @@ class ComponentInjector {
             const injectionToken = (0, useInjectionToken_1.useInjectionToken)(keyOrGraph);
             const containerRef = (0, react_1.useRef)(null);
             const graph = (0, useGraph_1.default)(keyOrGraph, Target, passedProps, injectionToken, containerRef);
-            const Container = (0, useGraphContainer_1.default)(graph);
             const proxiedProps = new PropsInjector_1.default(graph).inject(passedProps);
             return (react_1.default.createElement(graphContext_1.GraphContext.Provider, { value: { injectionToken } },
-                react_1.default.createElement(Container, { ref: containerRef }, Target(proxiedProps))));
+                graph.inactiveBehavior === 'retain' && react_1.default.createElement(Sentinel_1.default, { ref: containerRef }),
+                Target(proxiedProps)));
         }, compare);
     }
 }

package/dist/src/injectors/components/ComponentInjector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentInjector.js","sourceRoot":"","sources":["../../../../src/injectors/components/ComponentInjector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyD;AACzD,sFAA2D;AAE3D,oEAA4C;AAC5C,0DAAkC;AAClC,4EAAoD;AAEpD,6CAAqE;AACrE,iDAA8C;AAC9C,2DAAwD;AAExD,MAAqB,iBAAiB;IACpC,MAAM,CACJ,MAAkC,EAClC,UAA+C;QAE/C,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACvD,IAAA,iCAAoB,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACtC,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,aAAa,CACnB,kBAA8C,EAC9C,UAA+C;QAE/C,MAAM,UAAU,GAAG,IAAA,2BAAmB,EAAC,kBAAkB,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACzE,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpE,OAAO,IAAA,mBAAW,EAAC,CAAC,WAAc,EAAE,EAAE;YACpC,MAAM,cAAc,GAAG,IAAA,qCAAiB,EAAC,UAAU,CAAC,CAAC;YACrD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;YAClC,MAAM,KAAK,GAAG,IAAA,kBAAQ,EAAI,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;YACzF,MAAM,SAAS,GAAG,IAAA,2BAAiB,EAAC,KAAK,CAAC,CAAC;YAC3C,MAAM,YAAY,GAAG,IAAI,uBAAa,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YAElE,OAAO,CACL,8BAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,cAAc,EAAC;gBAC5C,8BAAC,SAAS,IAAC,GAAG,EAAE,YAAY,IACzB,MAAM,CAAC,YAA+C,CAAC,CAC9C,CACU,CACzB,CAAC;QACJ,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC;CACF;AAlCD,oCAkCC"}
+{"version":3,"file":"ComponentInjector.js","sourceRoot":"","sources":["../../../../src/injectors/components/ComponentInjector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyD;AACzD,sFAA2D;AAE3D,oEAA4C;AAC5C,0DAAkC;AAClC,0DAAkC;AAElC,6CAAqE;AACrE,iDAA8C;AAC9C,2DAAwD;AAExD,MAAqB,iBAAiB;IACpC,MAAM,CACJ,MAAkC,EAClC,UAA+C;QAE/C,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACvD,IAAA,iCAAoB,EAAC,OAAc,EAAE,MAAa,CAAC,CAAC;QACpD,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,aAAa,CACnB,kBAA8C,EAC9C,UAA+C;QAE/C,MAAM,UAAU,GAAG,IAAA,2BAAmB,EAAC,kBAAkB,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACzE,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpE,OAAO,IAAA,mBAAW,EAAC,CAAC,WAAc,EAAE,EAAE;YACpC,MAAM,cAAc,GAAG,IAAA,qCAAiB,EAAC,UAAU,CAAC,CAAC;YACrD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;YAClC,MAAM,KAAK,GAAG,IAAA,kBAAQ,EAAI,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;YACzF,MAAM,YAAY,GAAG,IAAI,uBAAa,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YAElE,OAAO,CACL,8BAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,cAAc,EAAC;gBAC3C,KAAK,CAAC,gBAAgB,KAAK,QAAQ,IAAI,8BAAC,kBAAQ,IAAC,GAAG,EAAE,YAAY,GAAI;gBACtE,MAAM,CAAC,YAA+C,CAAoB,CACrD,CACzB,CAAC;QACJ,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC;CACF;AAhCD,oCAgCC"}

package/dist/src/injectors/components/Sentinel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Sentinel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default Sentinel;
+//# sourceMappingURL=Sentinel.d.ts.map

package/dist/src/injectors/components/Sentinel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sentinel.d.ts","sourceRoot":"","sources":["../../../../src/injectors/components/Sentinel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,QAAQ,2DAEZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/src/injectors/components/Sentinel.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const style = { position: 'absolute', width: 0, height: 0, overflow: 'hidden' };
+const Sentinel = (0, react_1.forwardRef)((_, ref) => (react_1.default.createElement("div", { ref: ref, style: style })));
+exports.default = Sentinel;
+//# sourceMappingURL=Sentinel.js.map

package/dist/src/injectors/components/Sentinel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sentinel.js","sourceRoot":"","sources":["../../../../src/injectors/components/Sentinel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,MAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,UAAmB,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAiB,EAAE,CAAC;AAElG,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAM,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3C,uCAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CAChC,CAAC,CAAC;AAEH,kBAAe,QAAQ,CAAC"}

package/dist/src/injectors/components/Sentinel.native.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Sentinel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default Sentinel;
+//# sourceMappingURL=Sentinel.native.d.ts.map

package/dist/src/injectors/components/Sentinel.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sentinel.native.d.ts","sourceRoot":"","sources":["../../../../src/injectors/components/Sentinel.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,QAAA,MAAM,QAAQ,2DAEZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/src/injectors/components/{useGraphContainer.js → Sentinel.native.js}

@@ -33,15 +33,10 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = useGraphContainer;
 const react_1 = __importStar(require("react"));
-const reactNativeAvailability_1 = require("../../utils/reactNativeAvailability");
-const isRN = (0, reactNativeAvailability_1.isReactNativeAvailable)();
 // eslint-disable-next-line @typescript-eslint/no-require-imports, global-require
-const Element = isRN ? require('react-native').View : 'div';
-const RetainContainer = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(Element, { ref: ref, style: isRN ? undefined : { display: 'contents' } }, props.children)));
-const PassthroughContainer = (0, react_1.forwardRef)((props, _ref) => (react_1.default.createElement(react_1.default.Fragment, null, props.children)));
-function useGraphContainer(graph) {
-    return graph.inactiveBehavior === 'retain' ? RetainContainer : PassthroughContainer;
-}
-//# sourceMappingURL=useGraphContainer.js.map
+const { View } = require('react-native');
+const style = { position: 'absolute', width: 0, height: 0, overflow: 'hidden' };
+const Sentinel = (0, react_1.forwardRef)((_, ref) => (react_1.default.createElement(View, { ref: ref, collapsable: false, style: style })));
+exports.default = Sentinel;
+//# sourceMappingURL=Sentinel.native.js.map

package/dist/src/injectors/components/Sentinel.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sentinel.native.js","sourceRoot":"","sources":["../../../../src/injectors/components/Sentinel.native.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iFAAiF;AACjF,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,UAAmB,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAiB,EAAE,CAAC;AAElG,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAM,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3C,8BAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACrD,CAAC,CAAC;AAEH,kBAAe,QAAQ,CAAC"}

package/dist/src/injectors/components/useGraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGraph.d.ts","sourceRoot":"","sources":["../../../../src/injectors/components/useGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;yBAItC,CAAC,cACH,MAAM,GAAG,aAAa,CAAC,WAAW,CAAC,UACvC,GAAG,UACH,OAAO,CAAC,CAAC,CAAC,mBACD,MAAM,iBACR,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC;AALrC,wBAyBE"}
+{"version":3,"file":"useGraph.d.ts","sourceRoot":"","sources":["../../../../src/injectors/components/useGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;yBAItC,CAAC,cACH,MAAM,GAAG,aAAa,CAAC,WAAW,CAAC,UACvC,GAAG,UACH,OAAO,CAAC,CAAC,CAAC,mBACD,MAAM,iBACR,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC;AALrC,wBA0BE"}

package/dist/src/injectors/components/useGraph.js

@@ -13,9 +13,10 @@ exports.default = (keyOrGraph, target, props, injectionToken, containerRef) => {
         return resolvedGraph;
     });
     (0, react_1.useEffect)(() => {
+        const sentinel = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
         ReferenceCounter_1.default.retain(graph);
         return () => {
-            const isCleanupCalledDueToActivityPause = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
+            const isCleanupCalledDueToActivityPause = graph.inactiveBehavior === 'retain' && (sentinel === null || sentinel === void 0 ? void 0 : sentinel.isConnected);
             ReferenceCounter_1.default.release(graph, (g) => {
                 if (!isCleanupCalledDueToActivityPause) {
                     GraphRegistry_1.default.clear(g);

package/dist/src/injectors/components/useGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGraph.js","sourceRoot":"","sources":["../../../../src/injectors/components/useGraph.ts"],"names":[],"mappings":";;;;;AAAA,iCAAmD;AAGnD,uFAA+D;AAC/D,8EAAsD;AAEtD,kBAAe,CACb,UAA+C,EAC/C,MAAW,EACX,KAAkB,EAClB,cAAuB,EACvB,YAAmC,EACnC,EAAE;IAEF,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;QAC5B,MAAM,aAAa,GAAG,uBAAa,CAAC,OAAO,CAAC,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QACjG,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAC7B,OAAO,aAAa,CAAC;IACvB,CAAC,CAAC,CAAC;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,0BAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/B,OAAO,GAAG,EAAE;YACV,MAAM,iCAAiC,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC;YAChE,0BAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;gBACpC,IAAI,CAAC,iCAAiC,EAAE,CAAC;oBACvC,uBAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}
+{"version":3,"file":"useGraph.js","sourceRoot":"","sources":["../../../../src/injectors/components/useGraph.ts"],"names":[],"mappings":";;;;;AAAA,iCAAmD;AAGnD,uFAA+D;AAC/D,8EAAsD;AAEtD,kBAAe,CACb,UAA+C,EAC/C,MAAW,EACX,KAAkB,EAClB,cAAuB,EACvB,YAAmC,EACnC,EAAE;IAEF,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;QAC5B,MAAM,aAAa,GAAG,uBAAa,CAAC,OAAO,CAAC,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QACjG,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAC7B,OAAO,aAAa,CAAC;IACvB,CAAC,CAAC,CAAC;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC;QACvC,0BAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/B,OAAO,GAAG,EAAE;YACV,MAAM,iCAAiC,GAAG,KAAK,CAAC,gBAAgB,KAAK,QAAQ,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,CAAA,CAAC;YACvG,0BAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;gBACpC,IAAI,CAAC,iCAAiC,EAAE,CAAC;oBACvC,uBAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-obsidian",
-  "version": "2.31.0-alpha.2",
+  "version": "2.31.0-alpha.6",
   "description": "Dependency injection framework for React and React Native applications",
   "scripts": {
     "prepack": "yarn lint && tsc --project tsconfig.prod.json",
@@ -39,14 +39,15 @@
     "@babel/preset-typescript": "7.26.0",
     "@babel/types": "7.24.5",
     "@stylistic/eslint-plugin": "^1.7.0",
+    "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "14.x.x",
+    "@testing-library/react": "16.x.x",
     "@types/hoist-non-react-statics": "^3.3.1",
     "@types/jest": "^30.0.0",
     "@types/jest-when": "^3.5.5",
     "@types/lodash": "^4.14.176",
-    "@types/react": "18.3.x",
-    "@types/react-dom": "18.3.x",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "babel-plugin-parameter-decorator": "1.x.x",
@@ -66,8 +67,8 @@
     "jest-mock-extended": "^3.0.7",
     "jest-when": "^3.7.0",
     "lodash": "^4.17.21",
-    "react": "18.2.x",
-    "react-dom": "18.2.x",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
     "setimmediate": "^1.0.5",
     "typescript": "^5.7.3"
   },

package/src/injectors/components/ComponentInjector.tsx

@@ -3,7 +3,7 @@ import hoistNonReactStatics from 'hoist-non-react-statics';
 import { ObjectGraph } from '../../graph/ObjectGraph';
 import PropsInjector from './PropsInjector';
 import useGraph from './useGraph';
-import useGraphContainer from './useGraphContainer';
+import Sentinel from './Sentinel';
 import { Constructable } from '../../types';
 import { genericMemo, isMemoizedComponent } from '../../utils/React';
 import { GraphContext } from './graphContext';
@@ -15,7 +15,7 @@ export default class ComponentInjector {
     keyOrGraph: string | Constructable<ObjectGraph>,
   ): React.FunctionComponent<Partial<P>> {
     const Wrapped = this.wrapComponent(Target, keyOrGraph);
-    hoistNonReactStatics(Wrapped, Target);
+    hoistNonReactStatics(Wrapped as any, Target as any);
     return Wrapped;
   }
 
@@ -31,14 +31,12 @@ export default class ComponentInjector {
       const injectionToken = useInjectionToken(keyOrGraph);
       const containerRef = useRef(null);
       const graph = useGraph<P>(keyOrGraph, Target, passedProps, injectionToken, containerRef);
-      const Container = useGraphContainer(graph);
       const proxiedProps = new PropsInjector(graph).inject(passedProps);
 
       return (
         <GraphContext.Provider value={{injectionToken}}>
-          <Container ref={containerRef}>
-            {Target(proxiedProps as unknown as PropsWithChildren<P>)}
-          </Container>
+          {graph.inactiveBehavior === 'retain' && <Sentinel ref={containerRef} />}
+          {Target(proxiedProps as unknown as PropsWithChildren<P>) as React.ReactNode}
         </GraphContext.Provider>
       );
     }, compare);

package/src/injectors/components/Sentinel.native.tsx

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+
+// eslint-disable-next-line @typescript-eslint/no-require-imports, global-require
+const { View } = require('react-native');
+
+const style = { position: 'absolute' as const, width: 0, height: 0, overflow: 'hidden' as const };
+
+const Sentinel = forwardRef<any>((_, ref) => (
+  <View ref={ref} collapsable={false} style={style} />
+));
+
+export default Sentinel;

package/src/injectors/components/Sentinel.tsx

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+
+const style = { position: 'absolute' as const, width: 0, height: 0, overflow: 'hidden' as const };
+
+const Sentinel = forwardRef<any>((_, ref) => (
+  <div ref={ref} style={style} />
+));
+
+export default Sentinel;

package/src/injectors/components/useGraph.ts

@@ -18,9 +18,10 @@ export default <P>(
     return resolvedGraph;
   });
   useEffect(() => {
+    const sentinel = containerRef?.current;
     referenceCounter.retain(graph);
     return () => {
-      const isCleanupCalledDueToActivityPause = containerRef?.current;
+      const isCleanupCalledDueToActivityPause = graph.inactiveBehavior === 'retain' && sentinel?.isConnected;
       referenceCounter.release(graph, (g) => {
         if (!isCleanupCalledDueToActivityPause) {
           graphRegistry.clear(g);

package/dist/src/injectors/components/useGraphContainer.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ObjectGraph } from '../../graph/ObjectGraph';
-export default function useGraphContainer(graph: ObjectGraph): React.ForwardRefExoticComponent<{
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<any>>;
-//# sourceMappingURL=useGraphContainer.d.ts.map

package/dist/src/injectors/components/useGraphContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGraphContainer.d.ts","sourceRoot":"","sources":["../../../../src/injectors/components/useGraphContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAetD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,WAAW;;8BAE3D"}

package/dist/src/injectors/components/useGraphContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGraphContainer.js","sourceRoot":"","sources":["../../../../src/injectors/components/useGraphContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,oCAEC;AAlBD,+CAA6D;AAE7D,iFAA6E;AAE7E,MAAM,IAAI,GAAG,IAAA,gDAAsB,GAAE,CAAC;AACtC,iFAAiF;AACjF,MAAM,OAAO,GAAQ,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AAEjE,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACzE,8BAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,IAAG,KAAK,CAAC,QAAQ,CAAW,CACjG,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,IAAA,kBAAU,EAAyB,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAC/E,8DAAG,KAAK,CAAC,QAAQ,CAAI,CACtB,CAAC,CAAC;AAEH,SAAwB,iBAAiB,CAAC,KAAkB;IAC1D,OAAO,KAAK,CAAC,gBAAgB,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,CAAC;AACtF,CAAC"}

package/dist/src/utils/reactNativeAvailability.d.ts

@@ -1,2 +0,0 @@
-export declare function isReactNativeAvailable(): boolean;
-//# sourceMappingURL=reactNativeAvailability.d.ts.map

package/dist/src/utils/reactNativeAvailability.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactNativeAvailability.d.ts","sourceRoot":"","sources":["../../../src/utils/reactNativeAvailability.ts"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB,IAAI,OAAO,CAchD"}

package/dist/src/utils/reactNativeAvailability.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isReactNativeAvailable = isReactNativeAvailable;
-let cache;
-function isReactNativeAvailable() {
-    if (cache !== undefined)
-        return cache;
-    if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {
-        cache = true;
-        return cache;
-    }
-    try {
-        // eslint-disable-next-line @typescript-eslint/no-require-imports, global-require
-        require('react-native');
-        cache = true;
-    }
-    catch (_a) {
-        cache = false;
-    }
-    return cache;
-}
-//# sourceMappingURL=reactNativeAvailability.js.map

package/dist/src/utils/reactNativeAvailability.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactNativeAvailability.js","sourceRoot":"","sources":["../../../src/utils/reactNativeAvailability.ts"],"names":[],"mappings":";;AAEA,wDAcC;AAhBD,IAAI,KAA0B,CAAC;AAE/B,SAAgB,sBAAsB;IACpC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IACtC,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;QAC5E,KAAK,GAAG,IAAI,CAAC;QACb,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,CAAC;QACH,iFAAiF;QACjF,OAAO,CAAC,cAAc,CAAC,CAAC;QACxB,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;IAAC,WAAM,CAAC;QACP,KAAK,GAAG,KAAK,CAAC;IAChB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/src/injectors/components/useGraphContainer.tsx

@@ -1,19 +0,0 @@
-import React, { forwardRef, PropsWithChildren } from 'react';
-import { ObjectGraph } from '../../graph/ObjectGraph';
-import { isReactNativeAvailable } from '../../utils/reactNativeAvailability';
-
-const isRN = isReactNativeAvailable();
-// eslint-disable-next-line @typescript-eslint/no-require-imports, global-require
-const Element: any = isRN ? require('react-native').View : 'div';
-
-const RetainContainer = forwardRef<any, PropsWithChildren>((props, ref) => (
-  <Element ref={ref} style={isRN ? undefined : { display: 'contents' }}>{props.children}</Element>
-));
-
-const PassthroughContainer = forwardRef<any, PropsWithChildren>((props, _ref) => (
-  <>{props.children}</>
-));
-
-export default function useGraphContainer(graph: ObjectGraph) {
-  return graph.inactiveBehavior === 'retain' ? RetainContainer : PassthroughContainer;
-}

package/src/utils/reactNativeAvailability.ts

@@ -1,17 +0,0 @@
-let cache: boolean | undefined;
-
-export function isReactNativeAvailable(): boolean {
-  if (cache !== undefined) return cache;
-  if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {
-    cache = true;
-    return cache;
-  }
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-require-imports, global-require
-    require('react-native');
-    cache = true;
-  } catch {
-    cache = false;
-  }
-  return cache;
-}