@react-navigation/core 8.0.0-alpha.34 → 8.0.0-alpha.36

package/src/useSyncState.tsx

@@ -108,25 +108,23 @@ export function useSyncState<T>(getInitialState: () => T) {
     return unsubscribe;
   }, [store]);
 
-  const pendingUpdatesRef = React.useRef<(() => void)[]>([]);
+  const pendingUpdates = useLazyValue(() => new Set<() => void>());
 
   const scheduleUpdate = useLatestCallback((callback: () => void) => {
-    pendingUpdatesRef.current.push(callback);
+    pendingUpdates.add(callback);
   });
 
   const flushUpdates = useLatestCallback(() => {
-    const pendingUpdates = pendingUpdatesRef.current;
+    if (pendingUpdates.size !== 0) {
+      // Updates are queued child-first as insertion effects run bottom-up.
+      // The root navigator replaces the whole state while nested navigators merge into it.
+      // So we apply them root-first to avoid the root clobbering nested updates.
+      const callbacks = Array.from(pendingUpdates).reverse();
 
-    pendingUpdatesRef.current = [];
+      pendingUpdates.clear();
 
-    if (pendingUpdates.length !== 0) {
       store.batchUpdates(() => {
-        // Updates are queued child-first as insertion effects run bottom-up.
-        // The root navigator replaces the whole state while nested navigators merge into it.
-        // So we apply them root-first to avoid the root clobbering nested updates.
-        pendingUpdates.reverse();
-
-        for (const update of pendingUpdates) {
+        for (const update of callbacks) {
           update();
         }
       });

package/lib/module/useComponent.js

@@ -1,34 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const NavigationContent = ({
-  render,
-  children
-}) => {
-  return render(children);
-};
-export function useComponent(render) {
-  const renderRef = React.useRef(render);
-
-  // Normally refs shouldn't be mutated in render
-  // But we return a component which will be rendered
-  // So it's just for immediate consumption
-  renderRef.current = render;
-  React.useEffect(() => {
-    renderRef.current = null;
-  });
-  return React.useRef(({
-    children
-  }) => {
-    const render = renderRef.current;
-    if (render === null) {
-      throw new Error('The returned component must be rendered in the same render phase as the hook.');
-    }
-    return /*#__PURE__*/_jsx(NavigationContent, {
-      render: render,
-      children: children
-    });
-  }).current;
-}
-//# sourceMappingURL=useComponent.js.map

package/lib/module/useComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","jsx","_jsx","NavigationContent","render","children","useComponent","renderRef","useRef","current","useEffect","Error"],"sourceRoot":"../../src","sources":["useComponent.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS/B,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAgB,CAAC,KAAK;EACzD,OAAOD,MAAM,CAACC,QAAQ,CAAC;AACzB,CAAC;AAED,OAAO,SAASC,YAAYA,CAACF,MAAc,EAAE;EAC3C,MAAMG,SAAS,GAAGP,KAAK,CAACQ,MAAM,CAAgBJ,MAAM,CAAC;;EAErD;EACA;EACA;EACAG,SAAS,CAACE,OAAO,GAAGL,MAAM;EAE1BJ,KAAK,CAACU,SAAS,CAAC,MAAM;IACpBH,SAAS,CAACE,OAAO,GAAG,IAAI;EAC1B,CAAC,CAAC;EAEF,OAAOT,KAAK,CAACQ,MAAM,CAAC,CAAC;IAAEH;EAAwC,CAAC,KAAK;IACnE,MAAMD,MAAM,GAAGG,SAAS,CAACE,OAAO;IAEhC,IAAIL,MAAM,KAAK,IAAI,EAAE;MACnB,MAAM,IAAIO,KAAK,CACb,+EACF,CAAC;IACH;IAEA,oBAAOT,IAAA,CAACC,iBAAiB;MAACC,MAAM,EAAEA,MAAO;MAAAC,QAAA,EAAEA;IAAQ,CAAoB,CAAC;EAC1E,CAAC,CAAC,CAACI,OAAO;AACZ","ignoreList":[]}

package/lib/typescript/src/useComponent.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-type Render = (children: React.ReactNode) => React.JSX.Element;
-export declare function useComponent(render: Render): ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export {};
-//# sourceMappingURL=useComponent.d.ts.map

package/lib/typescript/src/useComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useComponent.d.ts","sourceRoot":"","sources":["../../../src/useComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,MAAM,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AAW/D,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,kBAYN;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,uBAWjE"}

package/src/useComponent.tsx

@@ -1,37 +0,0 @@
-import * as React from 'react';
-
-type Render = (children: React.ReactNode) => React.JSX.Element;
-
-type Props = {
-  render: Render;
-  children: React.ReactNode;
-};
-
-const NavigationContent = ({ render, children }: Props) => {
-  return render(children);
-};
-
-export function useComponent(render: Render) {
-  const renderRef = React.useRef<Render | null>(render);
-
-  // Normally refs shouldn't be mutated in render
-  // But we return a component which will be rendered
-  // So it's just for immediate consumption
-  renderRef.current = render;
-
-  React.useEffect(() => {
-    renderRef.current = null;
-  });
-
-  return React.useRef(({ children }: { children: React.ReactNode }) => {
-    const render = renderRef.current;
-
-    if (render === null) {
-      throw new Error(
-        'The returned component must be rendered in the same render phase as the hook.'
-      );
-    }
-
-    return <NavigationContent render={render}>{children}</NavigationContent>;
-  }).current;
-}