diff --git a/.maestro/tests/assorted/join-from-directory.yaml b/.maestro/tests/assorted/join-from-directory.yaml
index df84972bf49..edeaae617dc 100644
--- a/.maestro/tests/assorted/join-from-directory.yaml
+++ b/.maestro/tests/assorted/join-from-directory.yaml
@@ -41,7 +41,6 @@ tags:
 - tapOn:
     id: 'directory-view-search'
 - inputText: join-from-directory
-- pressKey: Enter
 - extendedWaitUntil:
     visible:
       id: 'directory-view-item-join-from-directory'
@@ -103,7 +102,11 @@ tags:
 - tapOn:
     id: 'directory-view-search'
 - inputText: ${output.otherUser.username}
-- pressKey: Enter
+- runFlow:
+    when:
+      platform: iOS
+    commands:
+      - pressKey: enter
 - extendedWaitUntil:
     visible:
       id: 'directory-view-item-${output.otherUser.username}'
@@ -147,7 +150,6 @@ tags:
 - tapOn:
     id: 'directory-view-search'
 - inputText: ${output.team}
-- pressKey: Enter
 - extendedWaitUntil:
     visible:
       id: 'directory-view-item-${output.team}'
diff --git a/app/containers/AudioPlayer/Seek.tsx b/app/containers/AudioPlayer/Seek.tsx
index eecd5d444e0..7089e034893 100644
--- a/app/containers/AudioPlayer/Seek.tsx
+++ b/app/containers/AudioPlayer/Seek.tsx
@@ -1,10 +1,9 @@
 import React from 'react';
 import { type LayoutChangeEvent, View, TextInput, type TextInputProps, TouchableNativeFeedback } from 'react-native';
-import { PanGestureHandler, type PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, {
 	type SharedValue,
 	runOnJS,
-	useAnimatedGestureHandler,
 	useAnimatedProps,
 	useAnimatedStyle,
 	useDerivedValue,
@@ -64,21 +63,21 @@ const Seek = ({ currentTime, duration, loaded = false, onChangeTime }: ISeek) =>
 		maxWidth.value = width;
 	};
 
-	const onGestureEvent = useAnimatedGestureHandler<PanGestureHandlerGestureEvent, { offsetX: number }>({
-		onStart: (event, ctx) => {
+	const panGesture = Gesture.Pan()
+		.enabled(loaded)
+		.activeOffsetX([-ACTIVE_OFFSET_X, ACTIVE_OFFSET_X])
+		.onStart(() => {
 			isPanning.value = true;
-			ctx.offsetX = translateX.value;
-		},
-		onActive: ({ translationX }, ctx) => {
-			translateX.value = clamp(ctx.offsetX + translationX, 0, maxWidth.value);
+		})
+		.onUpdate(event => {
+			translateX.value = clamp(translateX.value + event.translationX, 0, maxWidth.value);
 			scale.value = 1.3;
-		},
-		onFinish() {
+		})
+		.onEnd(() => {
 			scale.value = 1;
 			isPanning.value = false;
 			runOnJS(onChangeTime)(Math.round(currentTime.value * 1000));
-		}
-	});
+		});
 
 	useDerivedValue(() => {
 		if (isPanning.value) {
@@ -118,9 +117,9 @@ const Seek = ({ currentTime, duration, loaded = false, onChangeTime }: ISeek) =>
 					<View style={[styles.line, { backgroundColor: colors.strokeLight }]}>
 						<Animated.View style={[styles.line, styleLine, { backgroundColor: colors.buttonBackgroundPrimaryDefault }]} />
 					</View>
-					<PanGestureHandler enabled={loaded} onGestureEvent={onGestureEvent} activeOffsetX={[-ACTIVE_OFFSET_X, ACTIVE_OFFSET_X]}>
+					<GestureDetector gesture={panGesture}>
 						<Animated.View hitSlop={SEEK_HIT_SLOP} style={[styles.thumbSeek, { backgroundColor: thumbColor }, styleThumb]} />
-					</PanGestureHandler>
+					</GestureDetector>
 				</View>
 			</View>
 		</TouchableNativeFeedback>
diff --git a/app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap b/app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap
index 8dd0f6b4152..13f39da2100 100644
--- a/app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap
+++ b/app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap
@@ -82,7 +82,7 @@ exports[`MessageComposer Audio tap record 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={259}
+        handlerTag={249}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -177,7 +177,7 @@ exports[`MessageComposer Audio tap record 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={260}
+        handlerTag={250}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -299,7 +299,7 @@ exports[`MessageComposer Quote Add quote \`abc\` 1`] = `
           borderless={true}
           collapsable={false}
           delayLongPress={600}
-          handlerTag={246}
+          handlerTag={236}
           handlerType="NativeViewGestureHandler"
           hitSlop={
             {
@@ -415,7 +415,7 @@ exports[`MessageComposer Quote Add quote \`abc\` 1`] = `
           borderless={true}
           collapsable={false}
           delayLongPress={600}
-          handlerTag={247}
+          handlerTag={237}
           handlerType="NativeViewGestureHandler"
           hitSlop={
             {
@@ -587,7 +587,7 @@ exports[`MessageComposer Quote Add quote \`abc\` 1`] = `
                 borderless={true}
                 collapsable={false}
                 delayLongPress={600}
-                handlerTag={248}
+                handlerTag={238}
                 handlerType="NativeViewGestureHandler"
                 hitSlop={
                   {
@@ -744,7 +744,7 @@ exports[`MessageComposer Quote Add quote \`def\` 1`] = `
           borderless={true}
           collapsable={false}
           delayLongPress={600}
-          handlerTag={249}
+          handlerTag={239}
           handlerType="NativeViewGestureHandler"
           hitSlop={
             {
@@ -860,7 +860,7 @@ exports[`MessageComposer Quote Add quote \`def\` 1`] = `
           borderless={true}
           collapsable={false}
           delayLongPress={600}
-          handlerTag={250}
+          handlerTag={240}
           handlerType="NativeViewGestureHandler"
           hitSlop={
             {
@@ -1033,7 +1033,7 @@ exports[`MessageComposer Quote Add quote \`def\` 1`] = `
                 borderless={true}
                 collapsable={false}
                 delayLongPress={600}
-                handlerTag={251}
+                handlerTag={241}
                 handlerType="NativeViewGestureHandler"
                 hitSlop={
                   {
@@ -1214,7 +1214,7 @@ exports[`MessageComposer Quote Add quote \`def\` 1`] = `
                 borderless={true}
                 collapsable={false}
                 delayLongPress={600}
-                handlerTag={252}
+                handlerTag={242}
                 handlerType="NativeViewGestureHandler"
                 hitSlop={
                   {
@@ -1371,7 +1371,7 @@ exports[`MessageComposer Quote Remove a quote 1`] = `
           borderless={true}
           collapsable={false}
           delayLongPress={600}
-          handlerTag={253}
+          handlerTag={243}
           handlerType="NativeViewGestureHandler"
           hitSlop={
             {
@@ -1487,7 +1487,7 @@ exports[`MessageComposer Quote Remove a quote 1`] = `
           borderless={true}
           collapsable={false}
           delayLongPress={600}
-          handlerTag={254}
+          handlerTag={244}
           handlerType="NativeViewGestureHandler"
           hitSlop={
             {
@@ -1660,7 +1660,7 @@ exports[`MessageComposer Quote Remove a quote 1`] = `
                 borderless={true}
                 collapsable={false}
                 delayLongPress={600}
-                handlerTag={255}
+                handlerTag={245}
                 handlerType="NativeViewGestureHandler"
                 hitSlop={
                   {
@@ -1841,7 +1841,7 @@ exports[`MessageComposer Quote Remove a quote 1`] = `
                 borderless={true}
                 collapsable={false}
                 delayLongPress={600}
-                handlerTag={256}
+                handlerTag={246}
                 handlerType="NativeViewGestureHandler"
                 hitSlop={
                   {
@@ -2034,7 +2034,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={46}
+        handlerTag={36}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2110,7 +2110,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={47}
+        handlerTag={37}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2186,7 +2186,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={48}
+        handlerTag={38}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2262,7 +2262,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={49}
+        handlerTag={39}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2338,7 +2338,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={50}
+        handlerTag={40}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2414,7 +2414,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={51}
+        handlerTag={41}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2490,7 +2490,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={45}
+        handlerTag={35}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2647,7 +2647,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={124}
+        handlerTag={114}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2723,7 +2723,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={125}
+        handlerTag={115}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2799,7 +2799,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={126}
+        handlerTag={116}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2875,7 +2875,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={127}
+        handlerTag={117}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -2951,7 +2951,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={128}
+        handlerTag={118}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3027,7 +3027,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={129}
+        handlerTag={119}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3103,7 +3103,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={123}
+        handlerTag={113}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3260,7 +3260,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={150}
+        handlerTag={140}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3336,7 +3336,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={151}
+        handlerTag={141}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3412,7 +3412,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={152}
+        handlerTag={142}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3488,7 +3488,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={153}
+        handlerTag={143}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3564,7 +3564,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={154}
+        handlerTag={144}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3640,7 +3640,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={155}
+        handlerTag={145}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3716,7 +3716,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={149}
+        handlerTag={139}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3873,7 +3873,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={72}
+        handlerTag={62}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -3949,7 +3949,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={73}
+        handlerTag={63}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4025,7 +4025,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={74}
+        handlerTag={64}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4101,7 +4101,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={75}
+        handlerTag={65}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4177,7 +4177,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={76}
+        handlerTag={66}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4253,7 +4253,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={77}
+        handlerTag={67}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4329,7 +4329,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={71}
+        handlerTag={61}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4486,7 +4486,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={33}
+        handlerTag={23}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4562,7 +4562,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={34}
+        handlerTag={24}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4638,7 +4638,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={35}
+        handlerTag={25}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4714,7 +4714,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={36}
+        handlerTag={26}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4790,7 +4790,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={37}
+        handlerTag={27}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4866,7 +4866,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={38}
+        handlerTag={28}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -4942,7 +4942,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={32}
+        handlerTag={22}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5099,7 +5099,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={98}
+        handlerTag={88}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5175,7 +5175,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={99}
+        handlerTag={89}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5251,7 +5251,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={100}
+        handlerTag={90}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5327,7 +5327,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={101}
+        handlerTag={91}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5403,7 +5403,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={102}
+        handlerTag={92}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5479,7 +5479,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={103}
+        handlerTag={93}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5555,7 +5555,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={97}
+        handlerTag={87}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5712,7 +5712,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={59}
+        handlerTag={49}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5788,7 +5788,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={60}
+        handlerTag={50}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5864,7 +5864,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={61}
+        handlerTag={51}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -5940,7 +5940,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={62}
+        handlerTag={52}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6016,7 +6016,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={63}
+        handlerTag={53}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6092,7 +6092,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={64}
+        handlerTag={54}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6168,7 +6168,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={58}
+        handlerTag={48}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6325,7 +6325,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={137}
+        handlerTag={127}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6401,7 +6401,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={138}
+        handlerTag={128}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6477,7 +6477,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={139}
+        handlerTag={129}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6553,7 +6553,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={140}
+        handlerTag={130}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6629,7 +6629,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={141}
+        handlerTag={131}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6705,7 +6705,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={142}
+        handlerTag={132}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6781,7 +6781,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={136}
+        handlerTag={126}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -6938,7 +6938,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={163}
+        handlerTag={153}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7014,7 +7014,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={164}
+        handlerTag={154}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7090,7 +7090,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={165}
+        handlerTag={155}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7166,7 +7166,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={166}
+        handlerTag={156}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7242,7 +7242,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={167}
+        handlerTag={157}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7318,7 +7318,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={168}
+        handlerTag={158}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7394,7 +7394,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={162}
+        handlerTag={152}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7551,7 +7551,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={85}
+        handlerTag={75}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7627,7 +7627,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={86}
+        handlerTag={76}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7703,7 +7703,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={87}
+        handlerTag={77}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7779,7 +7779,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={88}
+        handlerTag={78}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7855,7 +7855,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={89}
+        handlerTag={79}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -7931,7 +7931,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={90}
+        handlerTag={80}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -8007,7 +8007,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={84}
+        handlerTag={74}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -8164,7 +8164,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={111}
+        handlerTag={101}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -8240,7 +8240,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={112}
+        handlerTag={102}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -8316,7 +8316,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={113}
+        handlerTag={103}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -8392,7 +8392,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={114}
+        handlerTag={104}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -8468,7 +8468,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={115}
+        handlerTag={105}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -8544,7 +8544,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={116}
+        handlerTag={106}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -8620,7 +8620,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={110}
+        handlerTag={100}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -9664,77 +9664,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={15}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Recently used"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Recently used"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#156FF5",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#156FF5",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-clock"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-clock"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -9758,77 +9759,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={16}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Smileys and people"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Smileys and people"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-emoji"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-emoji"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -9852,77 +9854,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={17}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Animals and nature"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Animals and nature"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-leaf"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-leaf"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -9946,77 +9949,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={18}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Food and drink"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Food and drink"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-burger"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-burger"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10040,77 +10044,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={19}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Activity"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Activity"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-basketball"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-basketball"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10134,77 +10139,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={20}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Travel and places"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Travel and places"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-airplane"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-airplane"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10228,77 +10234,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={21}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Objects"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Objects"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-lamp-bulb"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-lamp-bulb"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10322,77 +10329,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={22}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Symbols"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Symbols"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-percentage"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-percentage"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10416,77 +10424,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={23}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Flags"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Flags"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-flag"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-flag"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -10510,77 +10519,78 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
               }
             }
           >
-            <RNGestureHandlerButton
-              collapsable={false}
-              delayLongPress={600}
-              enabled={true}
-              exclusive={true}
-              handlerTag={24}
-              handlerType="NativeViewGestureHandler"
-              hitSlop={
-                {
-                  "bottom": 10,
-                  "left": 10,
-                  "right": 10,
-                  "top": 10,
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
                 }
               }
-              innerRef={null}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              rippleColor="transparent"
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              hitSlop={10}
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
                 [
-                  undefined,
                   {
-                    "cursor": undefined,
+                    "opacity": 1,
                   },
+                  undefined,
                 ]
               }
-              touchSoundDisabled={false}
             >
-              <View
+              <Text
+                accessibilityLabel="Custom"
                 accessible={true}
-                collapsable={false}
+                allowFontScaling={false}
+                selectable={false}
                 style={
-                  {
-                    "opacity": 1,
-                  }
-                }
-              >
-                <Text
-                  accessibilityLabel="Custom"
-                  accessible={true}
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
+                  [
+                    {
+                      "color": "#6C727A",
+                      "fontSize": 24,
+                    },
                     [
                       {
-                        "color": "#6C727A",
-                        "fontSize": 24,
+                        "lineHeight": 24,
                       },
-                      [
-                        {
-                          "lineHeight": 24,
-                        },
-                        {
-                          "paddingVertical": 4,
-                        },
-                      ],
                       {
-                        "fontFamily": "custom",
-                        "fontStyle": "normal",
-                        "fontWeight": "normal",
+                        "paddingVertical": 4,
                       },
-                      {},
-                    ]
-                  }
-                  testID="emoji-picker-tab-rocket"
-                >
-                  
-                </Text>
-              </View>
-            </RNGestureHandlerButton>
+                    ],
+                    {
+                      "fontFamily": "custom",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                    {},
+                  ]
+                }
+                testID="emoji-picker-tab-rocket"
+              >
+                
+              </Text>
+            </View>
             <View
               style={
                 [
@@ -11274,7 +11284,7 @@ exports[`MessageComposer Toolbar tap mention 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={171}
+        handlerTag={161}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -11350,7 +11360,7 @@ exports[`MessageComposer Toolbar tap mention 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={172}
+        handlerTag={162}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -11426,7 +11436,7 @@ exports[`MessageComposer Toolbar tap mention 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={173}
+        handlerTag={163}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -11502,7 +11512,7 @@ exports[`MessageComposer Toolbar tap mention 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={174}
+        handlerTag={164}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
@@ -11578,7 +11588,7 @@ exports[`MessageComposer Toolbar tap mention 1`] = `
         borderless={true}
         collapsable={false}
         delayLongPress={600}
-        handlerTag={175}
+        handlerTag={165}
         handlerType="NativeViewGestureHandler"
         hitSlop={
           {
diff --git a/app/containers/MessageComposer/components/SendThreadToChannel.tsx b/app/containers/MessageComposer/components/SendThreadToChannel.tsx
index e752e89c271..94d2a001b05 100644
--- a/app/containers/MessageComposer/components/SendThreadToChannel.tsx
+++ b/app/containers/MessageComposer/components/SendThreadToChannel.tsx
@@ -1,4 +1,4 @@
-import { TouchableWithoutFeedback } from 'react-native-gesture-handler';
+import { Pressable } from 'react-native-gesture-handler';
 import { StyleSheet, Text } from 'react-native';
 import React, { useEffect, useRef } from 'react';
 import { type Subscription } from 'rxjs';
@@ -70,7 +70,7 @@ export const SendThreadToChannel = (): React.ReactElement | null => {
 	}
 
 	return (
-		<TouchableWithoutFeedback
+		<Pressable
 			style={styles.container}
 			onPress={() => setAlsoSendThreadToChannel(!alsoSendThreadToChannel)}
 			testID='message-composer-send-to-channel'>
@@ -81,7 +81,7 @@ export const SendThreadToChannel = (): React.ReactElement | null => {
 				color={alsoSendThreadToChannel ? colors.buttonBackgroundPrimaryDefault : colors.fontDefault}
 			/>
 			<Text style={[styles.text, { color: colors.fontDefault }]}>{I18n.t('Message_composer_Send_to_channel')}</Text>
-		</TouchableWithoutFeedback>
+		</Pressable>
 	);
 };
 
diff --git a/app/containers/RoomHeader/RoomHeader.tsx b/app/containers/RoomHeader/RoomHeader.tsx
index ec65eb792ea..07cf29eec1d 100644
--- a/app/containers/RoomHeader/RoomHeader.tsx
+++ b/app/containers/RoomHeader/RoomHeader.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 
+import TouchableOpacity from '../TouchableOpacity';
 import { useResponsiveLayout } from '../../lib/hooks/useResponsiveLayout/useResponsiveLayout';
 import I18n from '../../i18n';
 import sharedStyles from '../../views/Styles';
diff --git a/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap b/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap
index f75b0a2470e..1c162ab3110 100644
--- a/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap
+++ b/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap
@@ -28,13 +28,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={1}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -43,93 +57,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="private channel"
-            >
-              private channel
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="private channel"
+          >
+            private channel
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -158,13 +166,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={2}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -173,93 +195,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="public channel"
-            >
-              public channel
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="public channel"
+          >
+            public channel
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -288,13 +304,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={3}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -303,106 +333,100 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              accessibilityLabel="discussion"
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "fontFamily": "Inter",
-                    "fontSize": 16,
-                    "fontWeight": "400",
-                    "lineHeight": 22,
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#2F343D",
-                    "lineHeight": undefined,
-                  },
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="discussion"
-            >
-              discussion
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            accessibilityLabel="discussion"
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "Inter",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                  "lineHeight": 22,
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#2F343D",
+                  "lineHeight": undefined,
+                },
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="discussion"
+          >
+            discussion
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -431,13 +455,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={4}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -446,93 +484,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#6C727A",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#6C727A",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="omnichannel"
-            >
-              omnichannel
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="omnichannel"
+          >
+            omnichannel
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -561,13 +593,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={5}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -576,100 +622,94 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="private team"
-            >
-              private team
-            </Text>
-          </View>
-        </View>
-      </RNGestureHandlerButton>
-    </View>
-  </View>,
-  <View
-    style={
-      {
-        "backgroundColor": "#E4E7EA",
-        "flex": 1,
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="private team"
+          >
+            private team
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>,
+  <View
+    style={
+      {
+        "backgroundColor": "#E4E7EA",
+        "flex": 1,
         "maxHeight": 48,
       }
     }
@@ -691,13 +731,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={6}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -706,93 +760,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="public team"
-            >
-              public team
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="public team"
+          >
+            public team
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -821,13 +869,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={7}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -836,93 +898,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="group dm"
-            >
-              group dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="group dm"
+          >
+            group dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -951,13 +1007,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={8}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -966,93 +1036,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="online dm"
-            >
-              online dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="online dm"
+          >
+            online dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1081,13 +1145,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={9}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1096,93 +1174,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="away dm"
-            >
-              away dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="away dm"
+          >
+            away dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1211,13 +1283,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={10}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1226,93 +1312,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="busy dm"
-            >
-              busy dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="busy dm"
+          >
+            busy dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1341,13 +1421,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={11}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1356,93 +1450,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="loading dm"
-            >
-              loading dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="loading dm"
+          >
+            loading dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -1471,13 +1559,27 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={12}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1486,93 +1588,87 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="offline dm"
-            >
-              offline dm
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="offline dm"
+          >
+            offline dm
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
 ]
@@ -1606,13 +1702,27 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={13}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1621,126 +1731,120 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="subtitle"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#2F343D",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-subtitle"
           >
-            subtitle
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="subtitle"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#2F343D",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-subtitle"
+        >
+          subtitle
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -1769,13 +1873,27 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={14}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1784,126 +1902,120 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#F2F3F5",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#F2F3F5",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#F2F3F5",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="subtitle"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#E4E7EA",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#9EA2A8",
-                  "fontSize": 12,
+                  "color": "#F2F3F5",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-subtitle"
           >
-            subtitle
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="subtitle"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#E4E7EA",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#9EA2A8",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-subtitle"
+        >
+          subtitle
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -1932,13 +2044,27 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={15}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -1947,126 +2073,120 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#F2F3F5",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#F2F3F5",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#F2F3F5",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="subtitle"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#E4E7EA",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#9EA2A8",
-                  "fontSize": 12,
+                  "color": "#F2F3F5",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-subtitle"
           >
-            subtitle
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="subtitle"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#E4E7EA",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#9EA2A8",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-subtitle"
+        >
+          subtitle
+        </Text>
+      </View>
     </View>
   </View>,
 ]
@@ -2100,13 +2220,27 @@ exports[`Story Snapshots: Thread should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={16}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2115,134 +2249,128 @@ exports[`Story Snapshots: Thread should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            accessibilityLabel="title"
+            numberOfLines={1}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "Inter",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                  "lineHeight": 22,
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#2F343D",
+                  "lineHeight": undefined,
+                },
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
             }
+            testID="markdown-preview-title"
           >
-            <Text
-              accessibilityLabel="title"
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "fontFamily": "Inter",
-                    "fontSize": 16,
-                    "fontWeight": "400",
-                    "lineHeight": 22,
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#2F343D",
-                    "lineHeight": undefined,
-                  },
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="markdown-preview-title"
-            >
-              title
-            </Text>
-          </View>
-          <View
-            style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
+            title
+          </Text>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
             }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+          }
+        >
+          <Text
+            allowFontScaling={false}
+            selectable={false}
+            style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "400",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#6C727A",
-                  },
-                ]
-              }
-            >
-              parent title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "400",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#6C727A",
+                },
+              ]
+            }
+          >
+            parent title
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -2275,13 +2403,27 @@ preview
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={17}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2290,138 +2432,132 @@ preview
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            accessibilityLabel="markdown preview #3 4 5"
+            numberOfLines={1}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "fontFamily": "Inter",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                  "lineHeight": 22,
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#2F343D",
+                  "lineHeight": undefined,
+                },
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
             }
-          >
-            <Text
-              accessibilityLabel="markdown preview #3 4 5"
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "fontFamily": "Inter",
-                    "fontSize": 16,
-                    "fontWeight": "400",
-                    "lineHeight": 22,
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#2F343D",
-                    "lineHeight": undefined,
-                  },
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="markdown
+            testID="markdown
 preview
 #3
 4
 5"
-            >
-              markdown preview #3 4 5
-            </Text>
-          </View>
-          <View
-            style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
           >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+            markdown preview #3 4 5
+          </Text>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+            }
+          }
+        >
+          <Text
+            allowFontScaling={false}
+            selectable={false}
+            style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "400",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#6C727A",
-                  },
-                ]
-              }
-            >
-              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "400",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#6C727A",
+                },
+              ]
+            }
+          >
+            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
 ]
@@ -2455,13 +2591,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={18}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2470,93 +2620,87 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="title"
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="title"
+          >
+            title
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -2585,13 +2729,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={19}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2600,93 +2758,87 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
-            >
-              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "flexShrink": 1,
+                  "fontFamily": "Inter",
+                  "fontWeight": "600",
+                  "textAlign": "left",
+                },
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
+              ]
+            }
+            testID="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+          >
+            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+          </Text>
         </View>
-      </RNGestureHandlerButton>
+      </View>
     </View>
   </View>,
   <View
@@ -2715,13 +2867,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={20}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2730,126 +2896,120 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="subtitle"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#2F343D",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-subtitle"
           >
-            subtitle
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="subtitle"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#2F343D",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-subtitle"
+        >
+          subtitle
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -2878,13 +3038,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={21}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -2893,126 +3067,120 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
-            style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
-                [
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                  [
-                    {
-                      "lineHeight": 16,
-                    },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
-                  ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
           <Text
-            accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
-            numberOfLines={1}
+            allowFontScaling={false}
+            selectable={false}
             style={
               [
                 {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
+                  "color": "#1F2329",
                   "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
                 },
+                [
+                  {
+                    "lineHeight": 16,
+                  },
+                  [
+                    {
+                      "marginRight": 4,
+                    },
+                    undefined,
+                  ],
+                ],
                 {
-                  "color": "#2F343D",
-                  "lineHeight": undefined,
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
                 },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
+          <Text
+            numberOfLines={1}
+            style={
+              [
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
           >
-            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#2F343D",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+        >
+          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -3041,13 +3209,27 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={22}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -3056,127 +3238,121 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-              testID="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
-            >
-              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
-            accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
             numberOfLines={1}
             style={
               [
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 22,
-                  "textAlign": "left",
-                },
-                {
-                  "color": "#2F343D",
-                  "lineHeight": undefined,
-                },
                 {
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
-            testID="markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+            testID="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
           >
             Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "lineHeight": 22,
+                "textAlign": "left",
+              },
+              {
+                "color": "#2F343D",
+                "lineHeight": undefined,
+              },
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+          testID="markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries"
+        >
+          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
+        </Text>
+      </View>
     </View>
   </View>,
 ]
@@ -3210,13 +3386,27 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={23}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -3225,90 +3415,64 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
             numberOfLines={1}
             style={
@@ -3317,34 +3481,54 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
           >
-            <Text
-              style={
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontWeight": "600",
-                  "textAlign": "left",
-                }
-              }
-            >
-              user 1
-               
-            </Text>
-            is typing
-            ...
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontWeight": "600",
+                "textAlign": "left",
+              }
+            }
+          >
+            user 1
+             
+          </Text>
+          is typing
+          ...
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -3373,13 +3557,27 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={24}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -3388,90 +3586,64 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
             numberOfLines={1}
             style={
@@ -3480,34 +3652,54 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
           >
-            <Text
-              style={
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontWeight": "600",
-                  "textAlign": "left",
-                }
-              }
-            >
-              user 1 and user 2
-               
-            </Text>
-            are typing
-            ...
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontWeight": "600",
+                "textAlign": "left",
+              }
+            }
+          >
+            user 1 and user 2
+             
+          </Text>
+          are typing
+          ...
+        </Text>
+      </View>
     </View>
   </View>,
   <View
@@ -3536,13 +3728,27 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
         ]
       }
     >
-      <RNGestureHandlerButton
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
         collapsable={false}
-        delayLongPress={600}
-        enabled={true}
-        exclusive={true}
-        handlerTag={25}
-        handlerType="NativeViewGestureHandler"
+        focusable={true}
         hitSlop={
           {
             "bottom": 5,
@@ -3551,90 +3757,64 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
             "top": 5,
           }
         }
-        innerRef={null}
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        rippleColor="transparent"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
           [
-            undefined,
             {
-              "cursor": undefined,
+              "opacity": 1,
             },
+            undefined,
           ]
         }
         testID="room-header"
-        touchSoundDisabled={false}
       >
         <View
-          accessible={true}
-          collapsable={false}
           style={
             {
-              "opacity": 1,
+              "alignItems": "center",
+              "flexDirection": "row",
             }
           }
         >
-          <View
+          <Text
+            allowFontScaling={false}
+            selectable={false}
             style={
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              }
-            }
-          >
-            <Text
-              allowFontScaling={false}
-              selectable={false}
-              style={
+              [
+                {
+                  "color": "#1F2329",
+                  "fontSize": 16,
+                },
                 [
                   {
-                    "color": "#1F2329",
-                    "fontSize": 16,
+                    "lineHeight": 16,
                   },
                   [
                     {
-                      "lineHeight": 16,
+                      "marginRight": 4,
                     },
-                    [
-                      {
-                        "marginRight": 4,
-                      },
-                      undefined,
-                    ],
+                    undefined,
                   ],
-                  {
-                    "fontFamily": "custom",
-                    "fontStyle": "normal",
-                    "fontWeight": "normal",
-                  },
-                  {},
-                ]
-              }
-            >
-              
-            </Text>
-            <Text
-              numberOfLines={1}
-              style={
-                [
-                  {
-                    "backgroundColor": "transparent",
-                    "flexShrink": 1,
-                    "fontFamily": "Inter",
-                    "fontWeight": "600",
-                    "textAlign": "left",
-                  },
-                  {
-                    "color": "#1F2329",
-                    "fontSize": 16,
-                  },
-                ]
-              }
-            >
-              title
-            </Text>
-          </View>
+                ],
+                {
+                  "fontFamily": "custom",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+          >
+            
+          </Text>
           <Text
             numberOfLines={1}
             style={
@@ -3643,34 +3823,54 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = `
                   "backgroundColor": "transparent",
                   "flexShrink": 1,
                   "fontFamily": "Inter",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "textAlign": "left",
                 },
                 {
-                  "color": "#6C727A",
-                  "fontSize": 12,
+                  "color": "#1F2329",
+                  "fontSize": 16,
                 },
               ]
             }
           >
-            <Text
-              style={
-                {
-                  "backgroundColor": "transparent",
-                  "fontFamily": "Inter",
-                  "fontWeight": "600",
-                  "textAlign": "left",
-                }
-              }
-            >
-              user 1, user 2, user 3, user 4, user 5
-               
-            </Text>
-            are typing
-            ...
+            title
           </Text>
         </View>
-      </RNGestureHandlerButton>
+        <Text
+          numberOfLines={1}
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "flexShrink": 1,
+                "fontFamily": "Inter",
+                "fontWeight": "400",
+                "textAlign": "left",
+              },
+              {
+                "color": "#6C727A",
+                "fontSize": 12,
+              },
+            ]
+          }
+        >
+          <Text
+            style={
+              {
+                "backgroundColor": "transparent",
+                "fontFamily": "Inter",
+                "fontWeight": "600",
+                "textAlign": "left",
+              }
+            }
+          >
+            user 1, user 2, user 3, user 4, user 5
+             
+          </Text>
+          are typing
+          ...
+        </Text>
+      </View>
     </View>
   </View>,
 ]
diff --git a/app/containers/TabView/index.tsx b/app/containers/TabView/index.tsx
index 6c6679ce7b4..0d902663445 100644
--- a/app/containers/TabView/index.tsx
+++ b/app/containers/TabView/index.tsx
@@ -1,8 +1,8 @@
 import React, { useCallback, useState } from 'react';
 import { View } from 'react-native';
 import { TabView as ReanimatedTabView, type Route, type NavigationState } from 'reanimated-tab-view';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 
+import TouchableOpacity from '../TouchableOpacity';
 import styles from './styles';
 import { useTheme } from '../../theme';
 
diff --git a/app/containers/TouchableOpacity/index.tsx b/app/containers/TouchableOpacity/index.tsx
new file mode 100644
index 00000000000..719be8eba1a
--- /dev/null
+++ b/app/containers/TouchableOpacity/index.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import Animated, { useSharedValue, useAnimatedStyle } from 'react-native-reanimated';
+import { Pressable, type PressableProps, type StyleProp, type ViewStyle } from 'react-native';
+
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+interface TouchableOpacityProps extends PressableProps {
+	style?: StyleProp<ViewStyle>;
+	opacity?: number;
+	activeOpacity?: number;
+}
+
+function TouchableOpacity(props: TouchableOpacityProps): React.JSX.Element {
+	const opacity = useSharedValue(props.opacity || 1);
+	const animatedStyle = useAnimatedStyle(() => ({
+		opacity: opacity.value
+	}));
+
+	const onPressIn = () => {
+		opacity.value = props.activeOpacity || 0.2;
+	};
+	const onPressOut = () => {
+		opacity.value = props.opacity || 1;
+	};
+
+	return (
+		<AnimatedPressable {...props} onPressIn={onPressIn} onPressOut={onPressOut} style={[animatedStyle, props.style]}>
+			{props.children}
+		</AnimatedPressable>
+	);
+}
+
+export default TouchableOpacity;
diff --git a/app/containers/message/__snapshots__/Message.test.tsx.snap b/app/containers/message/__snapshots__/Message.test.tsx.snap
index 3c91c75791c..ace68340f0f 100644
--- a/app/containers/message/__snapshots__/Message.test.tsx.snap
+++ b/app/containers/message/__snapshots__/Message.test.tsx.snap
@@ -109298,9 +109298,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={1}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -109309,8 +109306,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
@@ -109864,9 +109859,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={2}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -109875,8 +109867,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
@@ -110223,9 +110213,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={3}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -110234,8 +110221,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
@@ -110582,9 +110567,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={4}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -110593,8 +110575,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
@@ -110920,9 +110900,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={5}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -110931,8 +110908,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
@@ -111171,9 +111146,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={6}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -111182,8 +111154,6 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
@@ -111820,9 +111790,6 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={7}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -111831,8 +111798,6 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
@@ -112386,9 +112351,6 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={8}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -112397,8 +112359,6 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
@@ -112745,9 +112705,6 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={9}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -112756,8 +112713,6 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
@@ -113104,9 +113059,6 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = `
                           </View>
                           <View
                             collapsable={false}
-                            enabled={false}
-                            handlerTag={10}
-                            handlerType="PanGestureHandler"
                             hitSlop={
                               {
                                 "bottom": 12,
@@ -113115,8 +113067,6 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = `
                                 "top": 12,
                               }
                             }
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
                             style={
                               [
                                 {
diff --git a/app/views/RoomsListView/components/Header.tsx b/app/views/RoomsListView/components/Header.tsx
index 6d56a9582f0..4a6fceaafdc 100644
--- a/app/views/RoomsListView/components/Header.tsx
+++ b/app/views/RoomsListView/components/Header.tsx
@@ -1,6 +1,5 @@
 import React, { memo } from 'react';
 import { StyleSheet, Text, View, useWindowDimensions } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 
 import { showActionSheetRef } from '../../../containers/ActionSheet';
 import SearchHeader from '../../../containers/SearchHeader';
@@ -9,6 +8,7 @@ import { useAppSelector } from '../../../lib/hooks/useAppSelector';
 import { useTheme } from '../../../theme';
 import sharedStyles from '../../Styles';
 import ServersList from './ServersList';
+import TouchableOpacity from '../../../containers/TouchableOpacity';
 
 const styles = StyleSheet.create({
 	container: {
diff --git a/app/views/ShareView/Thumbs.tsx b/app/views/ShareView/Thumbs.tsx
index d3bc25fb99a..3ddbf547925 100644
--- a/app/views/ShareView/Thumbs.tsx
+++ b/app/views/ShareView/Thumbs.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import { FlatList, Image, StyleSheet, View } from 'react-native';
-import { RectButton, TouchableNativeFeedback, TouchableOpacity } from 'react-native-gesture-handler';
+import { RectButton } from 'react-native-gesture-handler';
 
+import TouchableOpacity from '../../containers/TouchableOpacity';
 import { BUTTON_HIT_SLOP } from '../../containers/message/utils';
 import { themes } from '../../lib/constants/colors';
 import { CustomIcon } from '../../containers/CustomIcon';
-import { isIOS } from '../../lib/methods/helpers';
 import { THUMBS_HEIGHT } from './constants';
 import { type TSupportedThemes } from '../../theme';
 import { type IShareAttachment } from '../../definitions';
@@ -92,10 +92,8 @@ const ThumbContent = React.memo(({ item, theme }: IThumbContent) => {
 	);
 });
 
-const ThumbButton = isIOS ? TouchableOpacity : TouchableNativeFeedback;
-
 const Thumb = ({ item, theme, isShareExtension, onPress, onRemove }: IThumb) => (
-	<ThumbButton style={styles.item} onPress={() => onPress(item)} activeOpacity={0.7}>
+	<TouchableOpacity style={styles.item} onPress={() => onPress(item)} activeOpacity={0.7}>
 		<>
 			<ThumbContent item={item} theme={theme} isShareExtension={isShareExtension} />
 			<RectButton
@@ -112,7 +110,7 @@ const Thumb = ({ item, theme, isShareExtension, onPress, onRemove }: IThumb) =>
 				<CustomIcon name='warning' size={20} color={themes[theme].buttonBackgroundDangerDefault} style={styles.dangerIcon} />
 			) : null}
 		</>
-	</ThumbButton>
+	</TouchableOpacity>
 );
 
 const Thumbs = ({ attachments, theme, isShareExtension, onPress, onRemove }: IThumbs) => {