@react-navigation/core 7.0.0-alpha.0 → 7.0.0-alpha.1

package/src/BaseNavigationContainer.tsx

@@ -10,29 +10,29 @@ import {
 import * as React from 'react';
 import useLatestCallback from 'use-latest-callback';
 
-import checkDuplicateRouteNames from './checkDuplicateRouteNames';
-import checkSerializable from './checkSerializable';
+import { checkDuplicateRouteNames } from './checkDuplicateRouteNames';
+import { checkSerializable } from './checkSerializable';
 import { NOT_INITIALIZED_ERROR } from './createNavigationContainerRef';
-import DeprecatedNavigationInChildContext from './DeprecatedNavigationInChildContext';
-import EnsureSingleNavigator from './EnsureSingleNavigator';
-import findFocusedRoute from './findFocusedRoute';
-import NavigationBuilderContext from './NavigationBuilderContext';
-import NavigationContainerRefContext from './NavigationContainerRefContext';
-import NavigationIndependentTreeContext from './NavigationIndependentTreeContext';
-import NavigationStateContext from './NavigationStateContext';
+import { DeprecatedNavigationInChildContext } from './DeprecatedNavigationInChildContext';
+import { EnsureSingleNavigator } from './EnsureSingleNavigator';
+import { findFocusedRoute } from './findFocusedRoute';
+import { NavigationBuilderContext } from './NavigationBuilderContext';
+import { NavigationContainerRefContext } from './NavigationContainerRefContext';
+import { NavigationIndependentTreeContext } from './NavigationIndependentTreeContext';
+import { NavigationStateContext } from './NavigationStateContext';
 import type {
   NavigationContainerEventMap,
   NavigationContainerProps,
   NavigationContainerRef,
 } from './types';
-import UnhandledActionContext from './UnhandledActionContext';
-import useChildListeners from './useChildListeners';
-import useEventEmitter from './useEventEmitter';
-import useKeyedChildListeners from './useKeyedChildListeners';
-import useNavigationIndependentTree from './useNavigationIndependentTree';
-import useOptionsGetters from './useOptionsGetters';
+import { UnhandledActionContext } from './UnhandledActionContext';
+import { useChildListeners } from './useChildListeners';
+import { useEventEmitter } from './useEventEmitter';
+import { useKeyedChildListeners } from './useKeyedChildListeners';
+import { useNavigationIndependentTree } from './useNavigationIndependentTree';
+import { useOptionsGetters } from './useOptionsGetters';
 import { ScheduleUpdateContext } from './useScheduleUpdate';
-import useSyncState from './useSyncState';
+import { useSyncState } from './useSyncState';
 
 type State = NavigationState | PartialState<NavigationState> | undefined;
 
@@ -80,7 +80,7 @@ const getPartialState = (
  * @param props.children Child elements to render the content.
  * @param props.ref Ref object which refers to the navigation object containing helper methods.
  */
-const BaseNavigationContainer = React.forwardRef(
+export const BaseNavigationContainer = React.forwardRef(
   function BaseNavigationContainer(
     {
       initialState,
@@ -453,5 +453,3 @@ const BaseNavigationContainer = React.forwardRef(
     );
   }
 );
-
-export default BaseNavigationContainer;

package/src/CurrentRenderContext.tsx

@@ -4,8 +4,6 @@ import * as React from 'react';
  * Context which holds the values for the current navigation tree.
  * Intended for use in SSR. This is not safe to use on the client.
  */
-const CurrentRenderContext = React.createContext<
+export const CurrentRenderContext = React.createContext<
   { options?: object } | undefined
 >(undefined);
-
-export default CurrentRenderContext;

package/src/DeprecatedNavigationInChildContext.tsx

@@ -3,6 +3,4 @@ import * as React from 'react';
 /**
  * Context which enables deprecated bubbling to child navigators.
  */
-const DeprecatedNavigationInChildContext = React.createContext(false);
-
-export default DeprecatedNavigationInChildContext;
+export const DeprecatedNavigationInChildContext = React.createContext(false);

package/src/EnsureSingleNavigator.tsx

@@ -17,7 +17,7 @@ export const SingleNavigatorContext = React.createContext<
 /**
  * Component which ensures that there's only one navigator nested under it.
  */
-export default function EnsureSingleNavigator({ children }: Props) {
+export function EnsureSingleNavigator({ children }: Props) {
   const navigatorKeyRef = React.useRef<string | undefined>();
 
   const value = React.useMemo(

package/src/Group.tsx

@@ -5,7 +5,7 @@ import type { RouteGroupConfig } from './types';
 /**
  * Empty component used for grouping screen configs.
  */
-export default function Group<
+export function Group<
   ParamList extends ParamListBase,
   ScreenOptions extends {}
 >(_: RouteGroupConfig<ParamList, ScreenOptions>) {

package/src/NavigationBuilderContext.tsx

@@ -51,7 +51,7 @@ export type ChildBeforeRemoveListener = (action: NavigationAction) => boolean;
 /**
  * Context which holds the required helpers needed to build nested navigators.
  */
-const NavigationBuilderContext = React.createContext<{
+export const NavigationBuilderContext = React.createContext<{
   onAction?: (
     action: NavigationAction,
     visitedNavigators?: Set<string>
@@ -66,5 +66,3 @@ const NavigationBuilderContext = React.createContext<{
   onDispatchAction: () => undefined,
   onOptionsChange: () => undefined,
 });
-
-export default NavigationBuilderContext;

package/src/NavigationContainerRefContext.tsx

@@ -6,8 +6,6 @@ import type { NavigationContainerRef } from './types';
 /**
  * Context which holds the route prop for a screen.
  */
-const NavigationContainerRefContext = React.createContext<
+export const NavigationContainerRefContext = React.createContext<
   NavigationContainerRef<ParamListBase> | undefined
 >(undefined);
-
-export default NavigationContainerRefContext;

package/src/NavigationContext.tsx

@@ -6,8 +6,6 @@ import type { NavigationProp } from './types';
 /**
  * Context which holds the navigation prop for a screen.
  */
-const NavigationContext = React.createContext<
+export const NavigationContext = React.createContext<
   NavigationProp<ParamListBase> | undefined
 >(undefined);
-
-export default NavigationContext;

package/src/NavigationHelpersContext.tsx

@@ -7,8 +7,6 @@ import type { NavigationHelpers } from './types';
  * Context which holds the navigation helpers of the parent navigator.
  * Navigators should use this context in their view component.
  */
-const NavigationHelpersContext = React.createContext<
+export const NavigationHelpersContext = React.createContext<
   NavigationHelpers<ParamListBase> | undefined
 >(undefined);
-
-export default NavigationHelpersContext;

package/src/NavigationIndependentTree.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 
-import NavigationContext from './NavigationContext';
-import NavigationIndependentTreeContext from './NavigationIndependentTreeContext';
-import NavigationRouteContext from './NavigationRouteContext';
+import { NavigationContext } from './NavigationContext';
+import { NavigationIndependentTreeContext } from './NavigationIndependentTreeContext';
+import { NavigationRouteContext } from './NavigationRouteContext';
 
 /**
  * Component to make the child navigation container independent of parent containers.
  */
-export default function NavigationIndependentTree({
+export function NavigationIndependentTree({
   children,
 }: {
   children: React.ReactNode;

package/src/NavigationIndependentTreeContext.tsx

@@ -3,6 +3,4 @@ import * as React from 'react';
 /**
  * Context which marks the navigation tree as independent.
  */
-const NavigationIndependentTreeContext = React.createContext(false);
-
-export default NavigationIndependentTreeContext;
+export const NavigationIndependentTreeContext = React.createContext(false);

package/src/NavigationRouteContext.tsx

@@ -4,8 +4,6 @@ import * as React from 'react';
 /**
  * Context which holds the route prop for a screen.
  */
-const NavigationRouteContext = React.createContext<Route<string> | undefined>(
-  undefined
-);
-
-export default NavigationRouteContext;
+export const NavigationRouteContext = React.createContext<
+  Route<string> | undefined
+>(undefined);

package/src/NavigationStateContext.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 const MISSING_CONTEXT_ERROR =
   "Couldn't find a navigation context. Have you wrapped your app with 'NavigationContainer'? See https://reactnavigation.org/docs/getting-started for setup instructions.";
 
-export default React.createContext<{
+export const NavigationStateContext = React.createContext<{
   isDefault?: true;
   state?: NavigationState | PartialState<NavigationState>;
   getKey: () => string | undefined;

package/src/PreventRemoveContext.tsx

@@ -6,7 +6,7 @@ import * as React from 'react';
  */
 export type PreventedRoutes = Record<string, { preventRemove: boolean }>;
 
-const PreventRemoveContext = React.createContext<
+export const PreventRemoveContext = React.createContext<
   | {
       preventedRoutes: PreventedRoutes;
       setPreventRemove: (
@@ -17,5 +17,3 @@ const PreventRemoveContext = React.createContext<
     }
   | undefined
 >(undefined);
-
-export default PreventRemoveContext;

package/src/PreventRemoveProvider.tsx

@@ -2,9 +2,9 @@ import { nanoid } from 'nanoid/non-secure';
 import * as React from 'react';
 import useLatestCallback from 'use-latest-callback';
 
-import NavigationHelpersContext from './NavigationHelpersContext';
-import NavigationRouteContext from './NavigationRouteContext';
-import PreventRemoveContext, { PreventedRoutes } from './PreventRemoveContext';
+import { NavigationHelpersContext } from './NavigationHelpersContext';
+import { NavigationRouteContext } from './NavigationRouteContext';
+import { PreventedRoutes, PreventRemoveContext } from './PreventRemoveContext';
 
 type Props = {
   children: React.ReactNode;
@@ -42,7 +42,7 @@ const transformPreventedRoutes = (
 /**
  * Component used for managing which routes have to be prevented from removal in native-stack.
  */
-export default function PreventRemoveProvider({ children }: Props) {
+export function PreventRemoveProvider({ children }: Props) {
   const [parentId] = React.useState(() => nanoid());
   const [preventedRoutesMap, setPreventedRoutesMap] =
     React.useState<PreventedRoutesMap>(new Map());

package/src/SceneView.tsx

@@ -6,11 +6,11 @@ import type {
 } from '@react-navigation/routers';
 import * as React from 'react';
 
-import EnsureSingleNavigator from './EnsureSingleNavigator';
-import NavigationStateContext from './NavigationStateContext';
-import StaticContainer from './StaticContainer';
+import { EnsureSingleNavigator } from './EnsureSingleNavigator';
+import { NavigationStateContext } from './NavigationStateContext';
+import { StaticContainer } from './StaticContainer';
 import type { NavigationProp, RouteConfigComponent } from './types';
-import useOptionsGetters from './useOptionsGetters';
+import { useOptionsGetters } from './useOptionsGetters';
 
 type Props<State extends NavigationState, ScreenOptions extends {}> = {
   screen: RouteConfigComponent<ParamListBase, string> & { name: string };
@@ -33,7 +33,7 @@ type Props<State extends NavigationState, ScreenOptions extends {}> = {
  * Component which takes care of rendering the screen for a route.
  * It provides all required contexts and applies optimizations when applicable.
  */
-export default function SceneView<
+export function SceneView<
   State extends NavigationState,
   ScreenOptions extends {}
 >({

package/src/Screen.tsx

@@ -5,7 +5,7 @@ import type { EventMapBase, RouteConfig } from './types';
 /**
  * Empty component used for specifying route configuration.
  */
-export default function Screen<
+export function Screen<
   ParamList extends ParamListBase,
   RouteName extends keyof ParamList,
   State extends NavigationState,

package/src/StaticContainer.tsx

@@ -3,27 +3,28 @@ import * as React from 'react';
 /**
  * Component which prevents updates for children if no props changed
  */
-function StaticContainer(props: any) {
-  return props.children;
-}
+export const StaticContainer = React.memo(
+  function StaticContainer(props: any) {
+    return props.children;
+  },
+  (prevProps: any, nextProps: any) => {
+    const prevPropKeys = Object.keys(prevProps);
+    const nextPropKeys = Object.keys(nextProps);
 
-export default React.memo(StaticContainer, (prevProps: any, nextProps: any) => {
-  const prevPropKeys = Object.keys(prevProps);
-  const nextPropKeys = Object.keys(nextProps);
+    if (prevPropKeys.length !== nextPropKeys.length) {
+      return false;
+    }
 
-  if (prevPropKeys.length !== nextPropKeys.length) {
-    return false;
-  }
+    for (const key of prevPropKeys) {
+      if (key === 'children') {
+        continue;
+      }
 
-  for (const key of prevPropKeys) {
-    if (key === 'children') {
-      continue;
+      if (prevProps[key] !== nextProps[key]) {
+        return false;
+      }
     }
 
-    if (prevProps[key] !== nextProps[key]) {
-      return false;
-    }
+    return true;
   }
-
-  return true;
-});
+);

package/src/StaticNavigation.tsx

@@ -1,7 +1,7 @@
 import type { NavigationState, ParamListBase } from '@react-navigation/routers';
 import * as React from 'react';
 
-import fromEntries from './fromEntries';
+import { fromEntries } from './fromEntries';
 import type {
   DefaultNavigatorOptions,
   EventMapBase,
@@ -10,7 +10,7 @@ import type {
   RouteConfig,
   RouteGroupConfig,
 } from './types';
-import useRoute from './useRoute';
+import { useRoute } from './useRoute';
 
 /**
  * Flatten a type to remove all type alias names, unions etc.

package/src/UnhandledActionContext.tsx

@@ -1,8 +1,6 @@
 import type { NavigationAction } from '@react-navigation/routers';
 import * as React from 'react';
 
-const UnhandledActionContext = React.createContext<
+export const UnhandledActionContext = React.createContext<
   ((action: NavigationAction) => void) | undefined
 >(undefined);
-
-export default UnhandledActionContext;

package/src/checkDuplicateRouteNames.tsx

@@ -1,6 +1,6 @@
 import type { NavigationState, PartialState } from '@react-navigation/routers';
 
-export default function checkDuplicateRouteNames(state: NavigationState) {
+export function checkDuplicateRouteNames(state: NavigationState) {
   const duplicates: string[][] = [];
 
   const getRouteNames = (

package/src/checkSerializable.tsx

@@ -69,6 +69,6 @@ const checkSerializableWithoutCircularReference = (
   return { serializable: true };
 };
 
-export default function checkSerializable(o: { [key: string]: any }) {
+export function checkSerializable(o: { [key: string]: any }) {
   return checkSerializableWithoutCircularReference(o, new Set<any>(), []);
 }

package/src/createNavigationContainerRef.tsx

@@ -9,7 +9,7 @@ import type {
 export const NOT_INITIALIZED_ERROR =
   "The 'navigation' object hasn't been initialized yet. This might happen if you don't have a navigator mounted, or if the navigator hasn't finished mounting. See https://reactnavigation.org/docs/navigating-without-navigation-prop#handling-initialization for more details.";
 
-export default function createNavigationContainerRef<
+export function createNavigationContainerRef<
   ParamList extends {} = ReactNavigation.RootParamList
 >(): NavigationContainerRefWithCurrent<ParamList> {
   const methods = [

package/src/createNavigatorFactory.tsx

@@ -1,8 +1,8 @@
 import type { NavigationState, ParamListBase } from '@react-navigation/routers';
 import type * as React from 'react';
 
-import Group from './Group';
-import Screen from './Screen';
+import { Group } from './Group';
+import { Screen } from './Screen';
 import type { StaticConfig } from './StaticNavigation';
 import type { EventMapBase, TypedNavigator } from './types';
 
@@ -13,7 +13,7 @@ import type { EventMapBase, TypedNavigator } from './types';
  * @param Navigator The navigator component to wrap.
  * @returns Factory method to create a `Navigator` and `Screen` pair.
  */
-export default function createNavigatorFactory<
+export function createNavigatorFactory<
   State extends NavigationState,
   ScreenOptions extends {},
   EventMap extends EventMapBase,

package/src/findFocusedRoute.tsx

@@ -1,6 +1,6 @@
 import type { InitialState } from '@react-navigation/routers';
 
-export default function findFocusedRoute(state: InitialState) {
+export function findFocusedRoute(state: InitialState) {
   let current: InitialState | undefined = state;
 
   while (current?.routes[current.index ?? 0].state != null) {

package/src/fromEntries.tsx

@@ -1,7 +1,5 @@
 // Object.fromEntries is not available in older iOS versions
-export default function fromEntries<K extends string, V>(
-  entries: (readonly [K, V])[]
-) {
+export function fromEntries<K extends string, V>(entries: (readonly [K, V])[]) {
   return entries.reduce((acc, [k, v]) => {
     if (acc.hasOwnProperty(k)) {
       throw new Error(`A value for key '${k}' already exists in the object.`);

package/src/getActionFromState.tsx

@@ -28,7 +28,7 @@ type NavigateAction<State extends NavigationState> = {
   };
 };
 
-export default function getActionFromState(
+export function getActionFromState(
   state: PartialState<NavigationState>,
   options?: Options
 ): NavigateAction<NavigationState> | CommonActions.Action | undefined {

package/src/getFocusedRouteNameFromRoute.tsx

@@ -2,7 +2,7 @@ import type { Route } from '@react-navigation/routers';
 
 import { CHILD_STATE } from './useRouteCache';
 
-export default function getFocusedRouteNameFromRoute(
+export function getFocusedRouteNameFromRoute(
   route: Partial<Route<string>>
 ): string | undefined {
   // @ts-expect-error: this isn't in type definitions coz we want this private

package/src/getPathFromState.tsx

@@ -5,9 +5,9 @@ import type {
 } from '@react-navigation/routers';
 import * as queryString from 'query-string';
 
-import fromEntries from './fromEntries';
+import { fromEntries } from './fromEntries';
 import type { PathConfig, PathConfigMap } from './types';
-import validatePathConfig from './validatePathConfig';
+import { validatePathConfig } from './validatePathConfig';
 
 type Options<ParamList extends {}> = {
   initialRouteName?: string;
@@ -66,7 +66,7 @@ const getActiveRoute = (state: State): { name: string; params?: object } => {
  * @param options Extra options to fine-tune how to serialize the path.
  * @returns Path representing the state, e.g. /foo/bar?count=42.
  */
-export default function getPathFromState<ParamList extends {}>(
+export function getPathFromState<ParamList extends {}>(
   state: State,
   options?: Options<ParamList>
 ): string {

package/src/getStateFromPath.tsx

@@ -6,9 +6,9 @@ import type {
 import escape from 'escape-string-regexp';
 import * as queryString from 'query-string';
 
-import findFocusedRoute from './findFocusedRoute';
+import { findFocusedRoute } from './findFocusedRoute';
 import type { PathConfigMap } from './types';
-import validatePathConfig from './validatePathConfig';
+import { validatePathConfig } from './validatePathConfig';
 
 type Options<ParamList extends {}> = {
   initialRouteName?: string;
@@ -62,7 +62,7 @@ type ParsedRoute = {
  * @param path Path string to parse and convert, e.g. /foo/bar?count=42.
  * @param options Extra options to fine-tune how to parse the path.
  */
-export default function getStateFromPath<ParamList extends {}>(
+export function getStateFromPath<ParamList extends {}>(
   path: string,
   options?: Options<ParamList>
 ): ResultState | undefined {

package/src/index.tsx

@@ -1,36 +1,36 @@
-export { default as BaseNavigationContainer } from './BaseNavigationContainer';
-export { default as createNavigationContainerRef } from './createNavigationContainerRef';
-export { default as createNavigatorFactory } from './createNavigatorFactory';
-export { default as CurrentRenderContext } from './CurrentRenderContext';
-export { default as findFocusedRoute } from './findFocusedRoute';
-export { default as getActionFromState } from './getActionFromState';
-export { default as getFocusedRouteNameFromRoute } from './getFocusedRouteNameFromRoute';
-export { default as getPathFromState } from './getPathFromState';
-export { default as getStateFromPath } from './getStateFromPath';
-export { default as NavigationContainerRefContext } from './NavigationContainerRefContext';
-export { default as NavigationContext } from './NavigationContext';
-export { default as NavigationHelpersContext } from './NavigationHelpersContext';
-export { default as NavigationIndependentTree } from './NavigationIndependentTree';
-export { default as NavigationRouteContext } from './NavigationRouteContext';
-export { default as PreventRemoveContext } from './PreventRemoveContext';
-export { default as PreventRemoveProvider } from './PreventRemoveProvider';
+export { BaseNavigationContainer } from './BaseNavigationContainer';
+export { createNavigationContainerRef } from './createNavigationContainerRef';
+export { createNavigatorFactory } from './createNavigatorFactory';
+export { CurrentRenderContext } from './CurrentRenderContext';
+export { findFocusedRoute } from './findFocusedRoute';
+export { getActionFromState } from './getActionFromState';
+export { getFocusedRouteNameFromRoute } from './getFocusedRouteNameFromRoute';
+export { getPathFromState } from './getPathFromState';
+export { getStateFromPath } from './getStateFromPath';
+export { NavigationContainerRefContext } from './NavigationContainerRefContext';
+export { NavigationContext } from './NavigationContext';
+export { NavigationHelpersContext } from './NavigationHelpersContext';
+export { NavigationIndependentTree } from './NavigationIndependentTree';
+export { NavigationRouteContext } from './NavigationRouteContext';
+export { PreventRemoveContext } from './PreventRemoveContext';
+export { PreventRemoveProvider } from './PreventRemoveProvider';
 export {
+  type StaticNavigation,
+  type StaticParamList,
+  type StaticScreenProps,
   createComponentForStaticNavigation,
   createPathConfigForStaticNavigation,
-  StaticNavigation,
-  StaticParamList,
-  StaticScreenProps,
 } from './StaticNavigation';
 export * from './types';
-export { default as useFocusEffect } from './useFocusEffect';
-export { default as useIsFocused } from './useIsFocused';
-export { default as useNavigation } from './useNavigation';
-export { default as useNavigationBuilder } from './useNavigationBuilder';
-export { default as useNavigationContainerRef } from './useNavigationContainerRef';
-export { default as useNavigationIndependentTree } from './useNavigationIndependentTree';
-export { default as useNavigationState } from './useNavigationState';
-export { default as UNSTABLE_usePreventRemove } from './usePreventRemove';
-export { default as usePreventRemoveContext } from './usePreventRemoveContext';
-export { default as useRoute } from './useRoute';
-export { default as validatePathConfig } from './validatePathConfig';
+export { useFocusEffect } from './useFocusEffect';
+export { useIsFocused } from './useIsFocused';
+export { useNavigation } from './useNavigation';
+export { useNavigationBuilder } from './useNavigationBuilder';
+export { useNavigationContainerRef } from './useNavigationContainerRef';
+export { useNavigationIndependentTree } from './useNavigationIndependentTree';
+export { useNavigationState } from './useNavigationState';
+export { UNSTABLE_usePreventRemove } from './usePreventRemove';
+export { usePreventRemoveContext } from './usePreventRemoveContext';
+export { useRoute } from './useRoute';
+export { validatePathConfig } from './validatePathConfig';
 export * from '@react-navigation/routers';

package/src/isArrayEqual.tsx

@@ -2,7 +2,7 @@
  * Compare two arrays with primitive values as the content.
  * We need to make sure that both values and order match.
  */
-export default function isArrayEqual(a: any[], b: any[]) {
+export function isArrayEqual(a: any[], b: any[]) {
   if (a === b) {
     return true;
   }

package/src/isRecordEqual.tsx

@@ -1,10 +1,7 @@
 /**
  * Compare two records with primitive values as the content.
  */
-export default function isRecordEqual(
-  a: Record<string, any>,
-  b: Record<string, any>
-) {
+export function isRecordEqual(a: Record<string, any>, b: Record<string, any>) {
   if (a === b) {
     return true;
   }

package/src/useChildListeners.tsx

@@ -5,7 +5,7 @@ import type { ListenerMap } from './NavigationBuilderContext';
 /**
  * Hook which lets child navigators add action listeners.
  */
-export default function useChildListeners() {
+export function useChildListeners() {
   const { current: listeners } = React.useRef<{
     [K in keyof ListenerMap]: ListenerMap[K][];
   }>({

package/src/useComponent.tsx

@@ -11,7 +11,7 @@ const NavigationContent = ({ render, children }: Props) => {
   return render(children);
 };
 
-export default function useComponent(render: Render) {
+export function useComponent(render: Render) {
   const renderRef = React.useRef<Render | null>(render);
 
   // Normally refs shouldn't be mutated in render

package/src/useCurrentRender.tsx

@@ -1,7 +1,7 @@
 import type { NavigationState, ParamListBase } from '@react-navigation/routers';
 import * as React from 'react';
 
-import CurrentRenderContext from './CurrentRenderContext';
+import { CurrentRenderContext } from './CurrentRenderContext';
 import type {
   Descriptor,
   NavigationHelpers,
@@ -22,11 +22,7 @@ type Options = {
  * Write the current options, so that server renderer can get current values
  * Mutating values like this is not safe in async mode, but it doesn't apply to SSR
  */
-export default function useCurrentRender({
-  state,
-  navigation,
-  descriptors,
-}: Options) {
+export function useCurrentRender({ state, navigation, descriptors }: Options) {
   const current = React.useContext(CurrentRenderContext);
 
   if (current && navigation.isFocused()) {