Basic new react-navigation types

src/screens/Tabs/Public.tsx

@@ -3,26 +3,23 @@ import { HeaderRight } from '@components/Header'
 import Timeline from '@components/Timeline'
 import TimelineDefault from '@components/Timeline/Default'
 import SegmentedControl from '@react-native-community/segmented-control'
-import { BottomTabScreenProps } from '@react-navigation/bottom-tabs'
 import { createNativeStackNavigator } from '@react-navigation/native-stack'
-import { ScreenTabsParamList } from '@screens/Tabs'
-import sharedScreens from '@screens/Tabs/Shared/sharedScreens'
+import {
+  ScreenTabsScreenProps,
+  TabPublicStackParamList
+} from '@utils/navigation/navigators'
 import { QueryKeyTimeline } from '@utils/queryHooks/timeline'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Dimensions, StyleSheet } from 'react-native'
 import { TabView } from 'react-native-tab-view'
+import TabSharedRoot from './Shared/Root'
 
-export type TabPublicProps = BottomTabScreenProps<
-  ScreenTabsParamList,
-  'Tab-Public'
->
-
-const Stack = createNativeStackNavigator<Nav.TabPublicStackParamList>()
+const Stack = createNativeStackNavigator<TabPublicStackParamList>()
 
 const TabPublic = React.memo(
-  ({ navigation }: TabPublicProps) => {
+  ({ navigation }: ScreenTabsScreenProps<'Tab-Public'>) => {
     const { t, i18n } = useTranslation('screenTabs')
     const { mode } = useTheme()
 
@@ -112,7 +109,7 @@ const TabPublic = React.memo(
           options={screenOptionsRoot}
           children={children}
         />
-        {sharedScreens(Stack as any)}
+        {TabSharedRoot({ Stack })}
       </Stack.Navigator>
     )
   },