diff --git a/native/chat/message-list-header-title.react.js b/native/chat/message-list-header-title.react.js
--- a/native/chat/message-list-header-title.react.js
+++ b/native/chat/message-list-header-title.react.js
@@ -1,6 +1,6 @@
 // @flow
 
-import { HeaderTitle } from '@react-navigation/stack';
+import { HeaderTitle } from '@react-navigation/elements';
 import * as React from 'react';
 import { View, Platform } from 'react-native';
 import Icon from 'react-native-vector-icons/Ionicons';
diff --git a/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js b/native/flow-typed/npm/@react-navigation/elements_v1.x.x.js
copy from native/flow-typed/npm/@react-navigation/stack_v5.x.x.js
copy to native/flow-typed/npm/@react-navigation/elements_v1.x.x.js
--- a/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js
+++ b/native/flow-typed/npm/@react-navigation/elements_v1.x.x.js
@@ -1,7 +1,4 @@
-// flow-typed signature: 5b28e0fdf284df0de63f1b8f132e6f5c
-// flow-typed version: dc2d6a22c7/@react-navigation/stack_v5.x.x/flow_>=v0.104.x
-
-declare module '@react-navigation/stack' {
+declare module '@react-navigation/elements' {
 
   //---------------------------------------------------------------------------
   // SECTION 1: IDENTICAL TYPE DEFINITIONS
@@ -2243,33 +2240,15 @@
   //---------------------------------------------------------------------------
 
   /**
-   * StackView
-   */
-
-  declare export var StackView: React$ComponentType<{|
-    ...StackNavigationConfig,
-    +state: StackNavigationState,
-    +navigation: StackNavigationHelpers<>,
-    +descriptors: {| +[key: string]: StackDescriptor |},
-  |}>;
-
-  /**
-   * createStackNavigator
+   * Image assets
    */
 
-  declare export var createStackNavigator: CreateNavigator<
-    StackNavigationState,
-    StackOptions,
-    StackNavigationEventMap,
-    ExtraStackNavigatorProps,
-  >;
+  declare export var Assets: $ReadOnlyArray<ImageURISource>;
 
   /**
    * Header components
    */
 
-  declare export var Header: React$ComponentType<StackHeaderProps>;
-
   declare export type StackHeaderTitleProps = $Partial<StackHeaderTitleInputBase>;
   declare export var HeaderTitle: React$ComponentType<StackHeaderTitleProps>;
 
@@ -2291,60 +2270,6 @@
     HeaderBackgroundProps,
   >;
 
-  /**
-   * Style/animation options
-   */
-
-  declare export var CardStyleInterpolators: {|
-    +forHorizontalIOS: StackCardStyleInterpolator,
-    +forVerticalIOS: StackCardStyleInterpolator,
-    +forModalPresentationIOS: StackCardStyleInterpolator,
-    +forFadeFromBottomAndroid: StackCardStyleInterpolator,
-    +forRevealFromBottomAndroid: StackCardStyleInterpolator,
-    +forScaleFromCenterAndroid: StackCardStyleInterpolator,
-    +forNoAnimation: StackCardStyleInterpolator,
-  |};
-  declare export var HeaderStyleInterpolators: {|
-    +forUIKit: StackHeaderStyleInterpolator,
-    +forFade: StackHeaderStyleInterpolator,
-    +forSlideLeft: StackHeaderStyleInterpolator,
-    +forSlideRight: StackHeaderStyleInterpolator,
-    +forSlideUp: StackHeaderStyleInterpolator,
-    +forNoAnimation: StackHeaderStyleInterpolator,
-  |};
-  declare export var TransitionSpecs: {|
-    +TransitionIOSSpec: TransitionSpec,
-    +FadeInFromBottomAndroidSpec: TransitionSpec,
-    +FadeOutToBottomAndroidSpec: TransitionSpec,
-    +RevealFromBottomAndroidSpec: TransitionSpec,
-    +ScaleFromCenterAndroidSpec: TransitionSpec,
-  |};
-  declare export var TransitionPresets: {|
-    +SlideFromRightIOS: TransitionPreset,
-    +ModalSlideFromBottomIOS: TransitionPreset,
-    +ModalPresentationIOS: TransitionPreset,
-    +FadeFromBottomAndroid: TransitionPreset,
-    +RevealFromBottomAndroid: TransitionPreset,
-    +ScaleFromCenterAndroid: TransitionPreset,
-    +DefaultTransition: TransitionPreset,
-    +ModalTransition: TransitionPreset,
-  |};
-
-  /**
-   * Image assets
-   */
-
-  declare export var Assets: $ReadOnlyArray<ImageURISource>;
-
-  /**
-   * CardAnimation accessors
-   */
-
-  declare export var CardAnimationContext: React$Context<
-    ?StackCardInterpolationProps,
-  >;
-  declare export function useCardAnimation(): StackCardInterpolationProps
-
   /**
    * HeaderHeight accessors
    */
@@ -2352,16 +2277,4 @@
   declare export var HeaderHeightContext: React$Context<?number>;
   declare export function useHeaderHeight(): number;
 
-  /**
-   * GestureHandler accessors
-   */
-
-  declare type GestureHandlerRef = React$Ref<
-    React$ComponentType<PanGestureHandlerProps>,
-  >;
-  declare export var GestureHandlerRefContext: React$Context<
-    ?GestureHandlerRef,
-  >;
-  declare export function useGestureHandlerRef(): GestureHandlerRef;
-
 }
diff --git a/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js b/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js
--- a/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js
+++ b/native/flow-typed/npm/@react-navigation/stack_v5.x.x.js
@@ -2270,27 +2270,6 @@
 
   declare export var Header: React$ComponentType<StackHeaderProps>;
 
-  declare export type StackHeaderTitleProps = $Partial<StackHeaderTitleInputBase>;
-  declare export var HeaderTitle: React$ComponentType<StackHeaderTitleProps>;
-
-  declare export type HeaderBackButtonProps = $Partial<{|
-    ...StackHeaderLeftButtonProps,
-    +disabled: boolean,
-    +accessibilityLabel: string,
-  |}>;
-  declare export var HeaderBackButton: React$ComponentType<
-    HeaderBackButtonProps,
-  >;
-
-  declare export type HeaderBackgroundProps = $Partial<{
-    +children: React$Node,
-    +style: AnimatedViewStyleProp,
-    ...
-  }>;
-  declare export var HeaderBackground: React$ComponentType<
-    HeaderBackgroundProps,
-  >;
-
   /**
    * Style/animation options
    */
@@ -2330,12 +2309,6 @@
     +ModalTransition: TransitionPreset,
   |};
 
-  /**
-   * Image assets
-   */
-
-  declare export var Assets: $ReadOnlyArray<ImageURISource>;
-
   /**
    * CardAnimation accessors
    */
@@ -2345,13 +2318,6 @@
   >;
   declare export function useCardAnimation(): StackCardInterpolationProps
 
-  /**
-   * HeaderHeight accessors
-   */
-
-  declare export var HeaderHeightContext: React$Context<?number>;
-  declare export function useHeaderHeight(): number;
-
   /**
    * GestureHandler accessors
    */
diff --git a/native/navigation/header-back-button.react.js b/native/navigation/header-back-button.react.js
--- a/native/navigation/header-back-button.react.js
+++ b/native/navigation/header-back-button.react.js
@@ -1,6 +1,6 @@
 // @flow
 
-import { HeaderBackButton as BaseHeaderBackButton } from '@react-navigation/stack';
+import { HeaderBackButton as BaseHeaderBackButton } from '@react-navigation/elements';
 import * as React from 'react';
 
 import { useColors } from '../themes/colors';