fix: remove usage of react-native in the nitro module

Author: atoui-zahreddine

example/src/App.tsx

@@ -100,6 +100,7 @@ export default function App() {
       <StatusBar barStyle="dark-content" />
       <View style={[styles.container]}>
         <MapboxTurnByTurnNavigationView
+          style={styles.mapboxView}
           hybridRef={{ f: (hRef) => setHybridRef(hRef) }}
           origin={{
             longitude: 5.058566,
@@ -119,4 +120,7 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
+  mapboxView: {
+    flex: 1,
+  },
 });

src/index.tsx

@@ -1,5 +1,3 @@
-import type { ComponentProps } from 'react';
-
 const MapboxTurnByTurnNavigationConfig = require('../nitrogen/generated/shared/json/MapboxTurnByTurnNavigationConfig.json');
 import type {
   MapboxTurnByTurnNavigationMethods,
@@ -8,26 +6,9 @@ import type {
 
 export * from './MapboxTurnByTurnNavigation.nitro';
 
-import { StyleSheet, View } from 'react-native';
 import { getHostComponent } from 'react-native-nitro-modules';
 
-export const NativeView = getHostComponent<
+export const MapboxTurnByTurnNavigationView = getHostComponent<
   MapboxTurnByTurnNavigationProps,
   MapboxTurnByTurnNavigationMethods
 >('MapboxTurnByTurnNavigation', () => MapboxTurnByTurnNavigationConfig);
-
-export const MapboxTurnByTurnNavigationView = (
-  props: ComponentProps<typeof NativeView>
-) => {
-  return (
-    <View style={[styles.container, props.style]}>
-      <NativeView {...props} style={styles.container} />
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-});