@granite-js/react-native 0.1.23-next.11 → 0.1.23-next.13

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @granite-js/react-native
 
+## 0.1.23-next.13
+
+### Patch Changes
+
+- fix
+- Updated dependencies
+  - @granite-js/plugin-core@0.1.23-next.13
+  - @granite-js/style-utils@0.1.23-next.13
+  - @granite-js/lottie@0.1.23-next.13
+  - @granite-js/native@0.1.23-next.13
+  - @granite-js/image@0.1.23-next.13
+  - @granite-js/mpack@0.1.23-next.13
+  - @granite-js/jest@0.1.23-next.13
+  - @granite-js/cli@0.1.23-next.13
+
+## 0.1.23-next.12
+
+### Patch Changes
+
+- fix
+- Updated dependencies
+  - @granite-js/plugin-core@0.1.23-next.12
+  - @granite-js/style-utils@0.1.23-next.12
+  - @granite-js/lottie@0.1.23-next.12
+  - @granite-js/native@0.1.23-next.12
+  - @granite-js/image@0.1.23-next.12
+  - @granite-js/mpack@0.1.23-next.12
+  - @granite-js/jest@0.1.23-next.12
+  - @granite-js/cli@0.1.23-next.12
+
 ## 0.1.23-next.11
 
 ### Patch Changes

package/dist/native-event-emitter/nativeEventEmitter.d.ts

@@ -11,9 +11,5 @@ type ParamOf<K extends EventKeys> = EventEmittersMap[K]['params'];
 interface EventEmitter {
     addListener<Event extends EventKeys>(event: Event, callback: (...params: ParamOf<Event>) => void): EmitterSubscription;
 }
-export declare const nativeEventEmitter: EventEmitter | {
-    addListener: () => {
-        remove: () => void;
-    };
-};
+export declare const nativeEventEmitter: EventEmitter;
 export {};

package/dist/native-modules/core/GraniteCoreModule.d.ts

@@ -4,5 +4,5 @@ interface GraniteCoreModule extends TurboModule {
     removeListeners: (count: number) => void;
     importLazy: () => Promise<void>;
 }
-export declare const GraniteCoreModule: GraniteCoreModule | null;
+export declare const GraniteCoreModule: GraniteCoreModule;
 export {};

package/dist/native-modules/natives/GraniteModule.d.ts

@@ -3,5 +3,5 @@ interface GraniteModuleSpec extends TurboModule {
     closeView: () => void;
     schemeUri: string;
 }
-export declare const GraniteModule: GraniteModuleSpec | null;
+export declare const GraniteModule: GraniteModuleSpec;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granite-js/react-native",
-  "version": "0.1.23-next.11",
+  "version": "0.1.23-next.13",
   "description": "The Granite Framework",
   "bin": {
     "granite": "./bin/cli.js"
@@ -86,7 +86,7 @@
     "@babel/core": "^7.24.9",
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-typescript": "^7.24.7",
-    "@granite-js/native": "0.1.23-next.11",
+    "@granite-js/native": "0.1.23-next.13",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.1.0",
     "@types/babel__core": "^7",
@@ -105,20 +105,20 @@
     "vitest": "^2.1.8"
   },
   "peerDependencies": {
-    "@granite-js/native": "0.1.23-next.11",
+    "@granite-js/native": "0.1.23-next.13",
     "@types/react": "*",
     "brick-module": "*",
     "react": "*",
     "react-native": "*"
   },
   "dependencies": {
-    "@granite-js/cli": "0.1.23-next.11",
-    "@granite-js/image": "0.1.23-next.11",
-    "@granite-js/jest": "0.1.23-next.11",
-    "@granite-js/lottie": "0.1.23-next.11",
-    "@granite-js/mpack": "0.1.23-next.11",
-    "@granite-js/plugin-core": "0.1.23-next.11",
-    "@granite-js/style-utils": "0.1.23-next.11",
+    "@granite-js/cli": "0.1.23-next.13",
+    "@granite-js/image": "0.1.23-next.13",
+    "@granite-js/jest": "0.1.23-next.13",
+    "@granite-js/lottie": "0.1.23-next.13",
+    "@granite-js/mpack": "0.1.23-next.13",
+    "@granite-js/plugin-core": "0.1.23-next.13",
+    "@granite-js/style-utils": "0.1.23-next.13",
     "es-toolkit": "^1.39.8",
     "react-native-url-polyfill": "1.3.0"
   }

package/src/intersection-observer/withIO.tsx

@@ -1,5 +1,5 @@
 import { type ComponentProps, PureComponent, RefObject, createRef } from 'react';
-import { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent, ScrollView, findNodeHandle } from 'react-native';
+import { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent, ScrollView } from 'react-native';
 import IOContext, { IOContextValue } from './IOContext';
 import IOManager from './IOManager';
 import { Root, RootMargin } from './IntersectionObserver';
@@ -82,7 +82,9 @@ function withIO<
     }
 
     componentDidMount() {
-      this.node = findNodeHandle(this.scroller.current);
+      // Use the host component ref directly for RN 0.81/React 19 compatibility.
+      // This avoids relying on numeric node handles and works with Fabric.
+      this.node = this.scroller.current;
       methods.forEach((method) => {
         (this as any)[method] = (...args: any) => {
           this.scroller.current?.[method]?.(...args);

package/src/router/Router.tsx

@@ -23,7 +23,6 @@ import { BackButton } from './components/BackButton';
 import { CanGoBackGuard } from './components/CanGoBackGuard';
 import { StackNavigator } from './components/StackNavigator';
 import { useInternalRouterBackHandler } from './components/useRouterBackHandler';
-import { useInitialRouteName } from './hooks/useInitialRouteName';
 import { useRouterControls, type RouterControlsConfig } from './hooks/useRouterControls';
 import { RequireContext } from './types';
 import { BASE_STACK_NAVIGATOR_STYLE } from './types/screen-option';
@@ -144,7 +143,6 @@ export function Router({
   getInitialUrl,
   ...navigationContainerProps
 }: InternalRouterProps & RouterProps): ReactElement {
-  const initialRouteName = useInitialRouteName({ prefix, initialScheme });
   const { Screens, linkingOptions } = useRouterControls({
     prefix,
     context,
@@ -193,7 +191,7 @@ export function Router({
         setIosSwipeGestureEnabled={setIosSwipeGestureEnabled}
       >
         <Container {...initialProps}>
-          <StackNavigator.Navigator initialRouteName={initialRouteName} screenOptions={screenOptions}>
+          <StackNavigator.Navigator screenOptions={screenOptions} >
             {Screens}
           </StackNavigator.Navigator>
         </Container>